Comment fonctionne le générateur
Saisissez le décalage horizontal, le décalage vertical, le rayon de flou et la couleur dans les champs de saisie. L'outil affiche instantanément la règle CSS et un aperçu en direct afin que vous puissiez ajuster les valeurs en temps réel.
Comprendre la syntaxe
La propriété text-shadow suit le modèle text-shadow: décalage-x décalage-y rayon-de-flou couleur. Les décalages sont mesurés en pixels ou en autres unités de longueur CSS, le rayon de flou peut être zéro pour un bord net, et la couleur accepte n'importe quel format de couleur CSS.
Conseils pour des ombres efficaces
- Utilisez un petit rayon de flou pour un aspect net et décalé.
- Superposez plusieurs ombres en séparant chaque ensemble par une virgule, en plaçant l'ombre la plus proche en premier.
- Assortissez la couleur de l'ombre au fond pour une profondeur subtile, ou utilisez une couleur contrastée pour un effet dramatique.
Plus de générateurs CSS
Associez les ombres de texte à un générateur CSS de border-radius pour des cartes et boutons aux coins arrondis.