Générateur de box-shadow CSS — gratuit en ligne
Régler une ombre en CSS, c'est souvent une affaire de tâtonnements. On change un chiffre, on recharge, on change encore, et elle reste plate ou trop lourde. Nous avons ajouté un outil gratuit qui vous montre l'ombre pendant que vous la réglez — CSS Box Shadow Generator — directement dans votre navigateur.
Ce qu'il fait
Vous concevez une ombre CSS de façon visuelle. Vous bougez les curseurs du décalage horizontal et vertical, du flou, de l'étendue, de la couleur et de l'opacité, et l'aperçu se met à jour en même temps. Quand le rendu vous convient, vous récupérez le code CSS prêt à l'emploi.
Rien ne quitte votre appareil
Tout fonctionne dans votre navigateur. Rien n'est envoyé, rien n'est enregistré sur un serveur, et il n'y a pas de compte à créer. Ce que vous concevez reste sur votre écran.
Comment l'utiliser
- Ouvrez CSS Box Shadow Generator.
- Bougez les curseurs de décalage, de flou, d'étendue, de couleur et d'opacité jusqu'à ce que l'aperçu vous convienne.
- Copiez le code CSS et collez-le dans votre feuille de style.
C'est gratuit et sans limite. Vous trouverez d'autres petits outils sur la page Apps.