CSS3
Ombres sur la zone avec box-shadow
La possibilité de mettre des ombres sur le texte peut être complété par une ombre sur la zone. Celle-ci va fonctionner de façon très proche mais va disposer de nouvelles options permettant de mieux définir son fonctionnement.
Voici la base de l'ombre box-shadow :
p{
box-shadow: 0px 0px 0px black;
}
Pour l'instant l'ombre n'est pas visible puisque tous les paramètres sont 0.
p{
box-shadow: 0px 0px 5px black;
}
p{
box-shadow: 0px 0px 10px black;
}
p{
box-shadow: 5px 0px 10px black;
}
p{
box-shadow: 5px 5px 10px black;
}
p{
box-shadow: 0px 5px 5px -5px black;
}
p{
box-shadow: 0px 0px 3px black inset;
}
p{
box-shadow: 0px 0px 3px black,
3px 3px 6px yellow;
}
Dans ce code exemple, on remarquera que l'ombre la plus grande sera placée en dernier. L'ordre est donc important si l'on souhaite que les ombres soient correctement affichées.