Cómo se usa
Ajusta los controles con la vista previa y después copia el código o descarga la imagen.
🪟
CSS y diseño web
Generador de sombras y cristal
Ajusta efectos CSS visualmente y copia el código.
Vista previa
box-shadow: 12px 18px 36px -8px rgba(40, 30, 25, 0.22);
border-radius: 28px;GUÍA DE LA HERRAMIENTA
Cuándo usarla
Contenido revisado · 2026-07-23
Ajusta efectos CSS visualmente y copia el código.
Antes de usar el resultado
La compatibilidad del navegador y la pantalla pueden hacer que el resultado final difiera de la vista previa.
Tratamiento de datos
Los valores se usan solo en esta pantalla y no se envían ni almacenan por separado.
Herramientas relacionadas
Herramientas que encajan con esta tarea.