Choisissez le calque actif
Chaque onglet correspond à une ombre dans l’ordre exact.
Une propriété CSS vérifiable
Créez des box-shadow multicalques sans réécrire le CSS
Réglez décalages, flou, étendue, couleur, opacité et inset pendant que le navigateur rend les calques exacts. Copiez une déclaration stable sans envoyer de valeur.
Sans compte · sans réseau · 1–8 calques · CSS déterministe
Trois étapes explicites
Ajoutez, réglez, copiez
Réglez les valeurs explicites
Décalages, flou, étendue, couleur, opacité et inset figurent dans le CSS.
Copiez une déclaration
Collez-la dans le composant réel et vérifiez limites et focus.
Passage design-développement
Quand la profondeur visuelle exige un CSS exact
- Réglez une ombre sobre de carte ou panneau et transmettez le CSS exact.
- Séparez profondeur de contact et ambiante en calques vérifiables.
- Comparez géométrie externe et inset sans réécrire la syntaxe.
Local par conception
Transformez la profondeur visuelle en CSS exact
Composez les calques, copiez la déclaration puis vérifiez limites, focus et compatibilité dans le composant réel.