Générateur d'ombres de boîte CSS

Générateur d'ombres de boîte CSS

Concevez de magnifiques ombres de boîtes visuellement avec un aperçu en direct. Ajoutez plusieurs calques d'ombre, ajustez les décalages, le flou, l'étalement et la couleur, puis copiez le CSS — sans codage manuel.

Comment utiliser

Ajustez les curseurs pour le décalage horizontal et vertical, le rayon de flou, l'étalement et l'opacité. Activez l'option intérieure pour les ombres internes. Ajoutez jusqu'à 10 calques d'ombre pour des effets complexes. Utilisez la galerie de préréglages pour des points de départ rapides tels que le morphisme, les effets de lueur ou les cartes surélevées. Copiez le CSS généré lorsque vous êtes prêt.

Caractéristiques

• Aperçu en direct – Voyez votre ombre appliquée à une boîte d'échantillon en temps réel pendant que vous ajustez les paramètres
• Calques multiples – Superposez jusqu'à 10 calques d'ombre pour des effets complexes et réalistes
• Ombres intérieures – Basculez entre les ombres extérieures et intérieures (intérieures) par calque
• Couleur et opacité – Sélecteur de couleur complet avec contrôle de l'opacité pour chaque calque d'ombre
• Galerie de préréglages – Ombre douce, ombre dure, morphisme, carte surélevée, bouton pressé, effet de lueur, et plus encore
• Copier le CSS – Copie en un clic du code CSS complet de l'ombre de la boîte