[19/12/2017] SITE TEMPORAIREMENT EN MAINTENANCE : Merci de votre patience et de votre compréhension ! Toute l'équipe de l'agence Kenada.

CSS : box-shadow (GENERATOR) [KENADA-DEMO]

Voici un petit générateur de code CSS qui permet de configurer la propriété box-shadow en direct.

Générateur CSS : box-shadow

Longueur horizontale de l'ombre
Longueur verticale de l'ombre
Rayon du flou
Rayon d'étalement
Couleur de l'ombre
Par défaut la couleur de l'ombre est noir, mais nous ajouterons un color picker lors de la prochaine mise à jour ! Merci de votre compréhension, Kenada.
Transparence de la couleur de l'ombre
Option "inset"
L'option "inset" n'est pour le moment pas disponible, mais nous ajouterons la fonction lors de la prochaine mise à jour ! Merci de votre compréhension, Kenada.
KENADA DEMO
box-shadow: -6px 37px 400px -200px rgba(0,0,0,1);
-moz-box-shadow: -6px 37px 400px -200px rgba(0,0,0,1);
-webkit-box-shadow: -6px 37px 400px -200px rgba(0,0,0,1);