couleur
Box Shadow
compose une box-shadow CSS en visuel.
à propos
fais glisser les curseurs pour composer une box-shadow. aperçu en direct + code CSS prêt à copier.
comment l'utiliser
- fais glisser les curseurs x, y, flou et étalement.
- choisis une couleur d'ombre et active inset si tu la veux à l'intérieur.
- clique sur le code en bas pour copier le CSS.
exemples
- compose une ombre portée douce pour une carte.
- crée une ombre nette décalée de 4px pour un bouton néobrutaliste.
- ajoute une ombre inset pour un effet enfoncé.
faq
c'est quoi l'étalement (spread) ?
de combien l'ombre s'agrandit ou rétrécit au-delà du bord de l'élément. les valeurs négatives la tirent vers l'intérieur.
quelle différence entre le flou et l'étalement ?
le flou adoucit le bord. l'étalement change la taille avant que le flou soit appliqué.