Outil en ligne CSS Box Shadow Generator

color
color

Créez les propriétés de votre ombre de boîte pour obtenir le style CSS.

Utilisez les curseurs et le sélecteur de couleurs pour définir les valeurs et regardez l'aperçu en direct jusqu'à ce que vous atteigniez l'effet souhaité. Sélectionnez le décalage de droite, la propagation, le flou, l'opacité, la couleur.

Sélectionnez une couleur personnalisée pour l'arrière-plan de l'aperçu et votre objet.

 

Ajouter plusieurs boîtes-ombres

Les navigateurs Web nous permettent d'ajouter plus d'une ombre à notre conception, tout comme cet outil en ligne. Utilisez le bouton Ajouter nouveau pour enregistrer la ligne actuelle et en créer une nouvelle. 

 

Syntaxe CSS

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Remarque :  Pour attacher plusieurs ombres à un élément, ajoutez une liste d'ombres séparées par des virgules (voir l'exemple « Essayez-le vous-même » ci-dessous).