Ci-dessous, j’ai regroupé certaines de ces fonctions CSS 3 pour Webkit et Gecko :
Text Stroke :
Contour du texte.
Webkit :
-webkit-text-stroke: 3px black;
Text Shadow :
Une ombre portée sous du texte.
Webkit :
text-shadow: 5px 5px 5px black;Liste des fonctions :
- décalage en largeur ;
- décalage en hauteur ;
- épaisseur,
- couleur
fonctionne avec :first-letter et :first-line
url : http://webkit.org/blog/85/introduci...
Box Sadow :
Une ombre portée sous une boîte.
Webkit :
-webkit-box-shadow: 10px 10px 5px #888Liste des fonctions :
- décalage en largeur ;
- décalage en hauteur ;
- épaisseur,
- couleur
Border Radius :
Permet de faire des blocs avec cadres arrondis.
Webkit :
-webkit-border-radius: 5px;Coin par coin :
-webkit-border-top-left-radius
-webkit-border-top-right-radius
-webkit-border-bottom-left-radius
-webkit-border-bottom-right-radiusGecko :
-moz-border-radius: 5px;
pour un seul coin :
-moz-border-radius-topleft
Opacity :
Modifie l’opacité d’un bloc.
Webkit, Gecko and Opera :
opacity: 0.5;
Multi-column layout
Permet de faire du texte "chaîné" dans plusieurs colonnes, une manière de ramener la souplesse de la mise-en-page "papier" sur le web.
Webkit :
-webkit-column-count: 3;
-webkit-column-gap: 1em;
-webkit-column-rule: 1px solid black;Gecko :
-moz-column-count: 3;
-moz-column-gap: 1em;Voilà, en attendant la sortie de CSS 3, vous pouvez déjà vous amuser avec ces quelques fonctions.
© Abel Poucet Webdesign - Motorisé par