Catégorie: Développement
Générateur de text-shadow CSS
Superposez plusieurs ombres de texte et copiez le CSS
Réglez un décalage, un flou, une couleur et une opacité, et obtenez une déclaration text-shadow multi-couches construite à partir de cette base, avec un aperçu en direct et un bouton pour copier le CSS obtenu.
Aperçu de l'ombre
text-shadow: 1px 1px 2px rgba(23, 33, 28, 0.5), 1px 1px 4px rgba(23, 33, 28, 0.39), 2px 2px 6px rgba(23, 33, 28, 0.28);
Tout sur cette page est traité dans votre navigateur. Rien n'est envoyé.
À quoi sert cet outil
Une seule text-shadow se lit comme un contour plat aux bords nets, alors qu'un effet de lueur douce ou d'ombre portée empilée demande plusieurs couches dont le décalage et le flou diminuent tandis que l'opacité s'estompe. Cet outil dérive tout cet empilement à partir du décalage, du flou, de la couleur et de l'opacité de base que vous réglez, la même technique de superposition que celle du générateur de box-shadow multi-couches, afin que vous n'ayez à raisonner que sur une seule ombre plutôt qu'à écrire à la main plusieurs valeurs séparées par des virgules.
Mode d'emploi
- Réglez le nombre de couches à générer ainsi que le décalage et le flou de base.
- Choisissez une couleur et une opacité.
- Vérifiez l'aperçu en direct, puis copiez la déclaration text-shadow.
Confidentialité
Cet outil fonctionne entièrement dans votre navigateur. Ce que vous saisissez n'est jamais envoyé, stocké ni partagé : fermer l'onglet suffit à tout effacer.
Questions fréquentes
- Pourquoi ajouter des couches rend-il l'ombre plus douce ?
- Chaque couche supplémentaire se rapproche du texte tout en s'estompant en opacité, si bien que l'ensemble des couches se lit comme un dégradé doux d'ombre plutôt que comme une copie unique aux bords nets.
- Quelque chose est-il envoyé à un serveur ?
- Non. La déclaration est calculée dans la page à partir des valeurs que vous réglez, d'où la mise à jour instantanée de l'aperçu.
- Puis-je utiliser ceci pour un effet néon ou lumineux ?
- Oui. Une couleur vive avec un flou important et plusieurs couches se lit comme une lueur ; une couleur sombre avec de petits décalages et un faible flou se lit plutôt comme une ombre de profondeur discrète.