ShadowStack
Abrir ShadowStack

Una propiedad CSS auditable

Crea box-shadow por capas sin reescribir CSS

Ajusta desplazamientos, desenfoque, expansión, color, opacidad e inset mientras el navegador representa las capas exactas. Copia una declaración estable sin enviar valores.

Abrir ShadowStack

Sin cuenta · sin red · 1–8 capas · CSS determinista

Tres pasos explícitos

Añade, ajusta y copia

01

Elige la capa activa

Cada pestaña corresponde a una sombra en el orden exacto.

02

Ajusta valores explícitos

Desplazamientos, desenfoque, expansión, color, opacidad e inset aparecen en el CSS.

03

Copia una declaración

Pégala en el componente real y verifica límites y foco.

Entrega de diseño y desarrollo

Cuando la profundidad visual necesita CSS exacto

  • Ajusta una sombra moderada de tarjeta o panel y entrega el CSS exacto.
  • Separa profundidad de contacto y ambiental en capas revisables.
  • Compara geometría exterior e inset sin reescribir sintaxis.

Ejemplos reproducibles

Ejemplos box-shadow reproducibles

Compón capas, copia la declaración y verifica límites, foco y compatibilidad en el componente real.
Ver ejemplos

Local por diseño

Convierte profundidad visual en CSS exacto

Compón capas, copia la declaración y verifica límites, foco y compatibilidad en el componente real.

Abrir ShadowStack