Ajoutez l'effet d'ombre à l'aide des polices CSS

Question

Salut tout le monde, Encore une fois je besoin de votre aide: D

Est-il possible d'ajouter l'effet d'ombre au texte en HTML en utilisant uniquement CSS ?? Je travaille sur un projet qui a beaucoup de boutons et j'ai besoin de trouver un moyen d'ajouter l'effet d'ombre au texte sans utiliser d'images et d'être compatible avec les navigateurs les plus utilisés. J'ai essayé d'utiliser la propriété "text-shadow" dans le CSS mais cela n'a pas fonctionné.

Merci

Answer 1

Oui, voici la syntaxe:

text-shadow: 2px 2px 2px #000; 

En général:

text-shadow: x y blur color; 

et un lien vers la page Je l'ai trouvé: http://www.css3.info/preview/text-shadow/.

Answer 2

Oui. Et vous pouvez trouver plusieurs réponses à votre question via Google, mais c'est l'un des meilleurs: http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/

Answer 3

Comme IE est toujours le navigateur le plus utilisé, je crains que la réponse est non.

Cependant, si vous êtes prêt à laisser aller votre exigence de seulement css, vous pouvez utiliser par exemple this jQuery plugin.

Answer 4

Bien que cette question a été déjà répondu, je pensais qu'il convient d'ajouter qu'il est possible d'ajouter le support pour IE8, en utilisant les filter s suivantes:

filter: glow(color=#ffff00,strength=3); 
filter: dropshadow(color=#ffff00,offX=5,offY=5); 

Malheureusement, cela ne semble fonctionner si l'élément a display: block;et a défini height (ou) width; ou l'élément a position: absolute; ce qui est un peu moins que merveilleux. Citation ma source pour ceci: Text-shadow, at: http://www.howtocreate.co.uk/textshadow.html, bien que je ne puisse pas vérifier l'exactitude, puisque je n'utilise pas régulièrement IE (n'importe quelle version) ou Windows, donné la chance.