Ombre portée d'un texte en position relative
1 - Ecrire le texte qui sera l'ombre et lui donner (en interne dans le html)
une taille de 40px
une marge haute de 50px
un alignement centré
une couleur grise
2 - Ecrire à nouveau le même texte au dessous du premier, lui donner en interne la même taille, le même
alignement centré, une couleur rouge brique,
lui donner une position relative et un décalage haut négatif pour le faire
remonter un peu au dessus de l'ombre et un décalage gauche pour le placer un peu à droite de
l'ombre.
Le code html de cet exercice
Le code html de cet exercice
Ombre portée d'un div avec les propriétés CSS 3 - Firefox 3.5
div style="-moz-box-shadow: -0.5em 0.5em 1em;"
La première valeur -0.5em indique l'épaisseur de l'ombre sur l'axe des x; une valeur négative oriente l'ombre vers la gauche
La deuxième valeur 0.5em indique l'épaisseur de l'ombre sur l'axe des y; une valeur positive oriente l'ombre vers le bas
La troisième valeur 1em indique le flou de l'ombre