WebForge Sàrl

: text shadow

text shadow

on l'utilise par exemple quand on a un texte sur une image et qu'on veut être sur que le texte soit lisible

exemples:

une ombre noire de 2px en bas, 1px à droite

<css selector='p' text-shadow='2px 1px #000 />

On ajoute du blur de 3px:

<css selector='p' text-shadow='2px 1px 3px #000 />

La même ombre, mais à gauche et en haut

<css selector='p' text-shadow='-2px -1px 3px #000 />

multiple text shadow:

exemple: une ombre bleu en bas à droite, une rouge en haut à gauche:

<css selector='p' text-shadow='2px 1px 2px #00f, -2px -1px 2px #f00' />

On peut ajouter plusieures fois la même ombre superposée pour qu'elle soit plus opaque malgré le blur:

<css selector='p' text-shadow='2px 1px 2px #000, 2px 1px 2px #000' />
Editer