Voici les codes permettant de mettre une ombre !
Ils peuvent s'utiliser en les ajoutant à une class dans votre CSS, ou être directement mis dans un post avec la balise
- Code:
-
<span style="LE CODE"> TEXTE </span>
1. Les ombres sous un texte - Code:
-
text-shadow : 0px 2px 3px #000000;
0px correspond à la
distance vers la droite. Plus la valeur est grande et plus l'ombre sera éloignée vers la droite. Pour que l'ombre soit vers la gauche, il faut mettre un nombre négatif.
2px correspond à la
distance vers le bas. Plus la valeur est grande et plus l'ombre sera éloignée vers le bas. Pour que l'ombre soit vers le haut, il faut mettre un nombre négatif.
3px correspond à la
taille de l'ombre. Plus la valeur est grande et plus l'ombre sera grande et flou.
#000000 correspond à la couleur de l'ombre.
2. Les ombres sous une boîte ( image, tableau, div, etc ) - Code:
-
-moz-box-shadow : 0px 2px 3px #000000 ;
-webkit-box-shadow : 0px 2px 3px #000000 ;
box-shadow : 0px 2px 3px #000000 ;
( voir explication ci-dessus )
Wolaaah, mais y'a 3 codes, là !
Oui, malheureusement pour nos doigts, tout les navigateurs ne connaissent pas le même code. Et c'est sans parler de IE qui n'en connait encore aucun... ( ou alors que depuis récemment et on m'a pas mise au courant )
Donc par exemple, si vous utilisez seulement le premier ( -moz- ), seul Firefox mettra des ombres. Il est donc vivement conseillé d'utiliser les 3.