Archives de catégorie : CSS

CSS : les boites flexibles

Le positionnement des boites a toujours été le cauchemar des débutants en CSS. Quelle technique utiliser lorsque l’on veut avoir plusieurs boites de front ? Comment centre une boite dans sa boite parente ? Comment se positionne en absolu une … Lire la suite

Publié dans CSS | Laisser un commentaire

CSS : réaliser des animations 3D

Vous pouvez désormais créer des boites 3D (boites avec un axe Z et un point de fuite). Vous pouvez concevoir une animation consistant en un déplacement de « sprites » sur cet axe Z. Avec les navigateurs récents vous pouvez utiliser des … Lire la suite

Publié dans CSS, images | Laisser un commentaire

CSS : principes de l’animation

Avec une transition les effets visuels sont limités : l’objet passe en quelques secondes de l’état 0 à l’état 1. Si vous voulez plus de deux états il faut créer une animation. Il faut définir un modèle d’animation avec la … Lire la suite

Publié dans CSS | 1 commentaire

CSS : effets 2D et 3D

Vous pouvez faire des transformations fluides 2D voire 3D. Je dis fluide car la transformation est assortie d’une transition. Lire la suite

Publié dans CSS, images | Laisser un commentaire

CSS : transformations 3D

Avec CSS3 vous pouvez créer des effets 3D. Vous pouvez en effet donner une profondeur à une boîte avec la propriété perspective. Vous pouvez déplacer des éléments « enfants » de la boite 3D le long de l’axe Z. Lire la suite

Publié dans CSS | Laisser un commentaire

CSS : propriété clip-path

La propriété clip-path permet de faire apparaître une dans un triangle, un trapèze, etc. Il suffit de définir un chemin fermé (une forme) et de l’appliquer à l’image. Toute la partie de l’image extérieure au chemin est masquée. Vous pouvez aussi appliquer … Lire la suite

Publié dans CSS, images | 2 commentaires

CSS : Nouveaux effets sur le texte

Vous avez avez réalisé en local un superbe site en particulier par l’emploi d’une police exotique. Mais au moment de penser à l’hébergement du site (afin que le public y ait accès) vous vous dites :’c’est idiot ! la police … Lire la suite

Publié dans CSS | Laisser un commentaire