Générateur de box-shadow — gratuit en ligne
Régler une ombre en tapant des chiffres à la main, c'est long. On change une valeur, on recharge, on plisse les yeux, on recommence. La plupart du temps, on veut juste voir l'ombre bouger pendant qu'on l'ajuste. Nous avons ajouté un outil gratuit qui fait exactement ça — Box-Shadow Generator — directement dans votre navigateur.
Ce qu'il fait
Vous composez l'ombre à l'œil. Faites glisser les curseurs du décalage horizontal et vertical, du flou, de l'étendue et de la couleur, et passez-la en ombre intérieure (inset) quand il le faut. Vous pouvez empiler plusieurs couches d'ombre l'une sur l'autre, et le CSS correspondant s'écrit tout seul au fur et à mesure. Quand le rendu vous convient, vous copiez le code prêt.
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. Vous fermez l'onglet et tout disparaît.
Comment l'utiliser
- Ouvrez le Box-Shadow Generator et faites glisser les curseurs de décalage, de flou, d'étendue et de couleur.
- Ajoutez des couches ou activez inset jusqu'à ce que l'ombre vous plaise.
- Copiez le CSS et collez-le dans votre feuille de styles.
C'est gratuit et sans limite. Vous trouverez d'autres petits outils sur la page Apps.