Générateur CSS Text Shadow pour les paresseux.
Choisissez un style prédéfini dans la galerie ou générez une ombre de texte avec vos préférences. Configurez les attributs souhaités pour obtenir le code CSS.
Déplacez l'ombre vers la droite/le bas, définissez le flou et l'opacité et choisissez une couleur dans la palette pour obtenir votre CSS. Utilisez l'éditeur en ligne pour ajuster votre style manuellement. Suivez l'évolution de votre ombre dans l'aperçu en direct où vous pouvez définir un texte et une couleur d'arrière-plan personnalisés.
Ombre de texte CSS3 expliquée
La propriété CSS3 text-shadow est l'une des techniques les plus populaires pour améliorer progressivement la conception d'un site Web. Bien qu'il figurait à l'origine dans la spécification CSS 2.1, il a été retiré en raison d'un manque de prise en charge. Cependant, il est maintenant de retour dans CSS 3 et est largement pris en charge par les navigateurs modernes.
Il prend quatre valeurs : la première valeur définit la distance de l'ombre dans la direction x (horizontale), la deuxième valeur définit la distance dans la direction y (verticale), la troisième valeur définit le flou de l'ombre et la dernière valeur définit la couleur.
Bien que cela soit relativement facile à retenir par rapport à d'autres règles CSS3 telles que border-radius, il est utile d'avoir un générateur comme celui-ci afin que vous puissiez générer votre ombre de texte en temps réel et l'affiner avec des contrôles de type Photoshop.
