Question 1

Qu'est-ce que la propriété CSS text-shadow?

Accepted Answer

La propriété CSS text-shadow ajoute des effets d'ombre au texte. Elle accepte une liste d'ombres séparées par des virgules, chacune définie par: décalage horizontal (px), décalage vertical (px), rayon de flou (px) et couleur. Exemple: text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

Question 2

Puis-je empiler plusieurs ombres de texte?

Accepted Answer

Oui! CSS text-shadow supporte plusieurs ombres en les séparant par des virgules: text-shadow: 1px 1px 2px black, 0 0 10px blue. Chaque ombre est rendue dans l'ordre, de la première (en bas) à la dernière (en haut). Cet outil vous permet d'ajouter, configurer et supprimer autant d'ombres que nécessaire.

Question 3

Que fait le rayon de flou?

Accepted Answer

Le rayon de flou contrôle l'étalement (le flou) de l'ombre. Une valeur de 0 produit une ombre nette. Des valeurs plus élevées créent une ombre plus diffuse et douce. Contrairement à box-shadow, il n'y a pas d'option de rayon d'étalement pour text-shadow, donc le flou est le seul moyen de contrôler la taille de l'ombre.

Question 4

Quels navigateurs supportent text-shadow?

Accepted Answer

CSS text-shadow est supporté par tous les navigateurs modernes, dont Chrome, Firefox, Safari, Edge et Opera. Il est largement supporté depuis 2010 et ne nécessite aucun préfixe propriétaire. Il est sûr à utiliser dans tous les environnements de production.

Question 5

Comment créer un effet néon lumineux?

Accepted Answer

Pour un effet néon, empilez plusieurs couches de text-shadow avec la même couleur mais un flou croissant: text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00de, 0 0 40px #ff00de. Commencez par une ombre de noyau blanc, puis ajoutez des ombres colorées plus larges pour l'effet lumineux.

Générateur d'ombre de texte CSS

Questions Fréquentes

Comments & Feedback