Saltar al contenido

Generador CSS Box Shadow

Ajusta box-shadow visualmente con sliders. Multi-capa, inset, vista previa, copiar CSS con un click.

100% Gratis Sin registro Solo navegador 5 idiomas Modo oscuro

Capas de sombra

Vista previa

12px

CSS


        

Preajustes

❓ Preguntas frecuentes

¿Dónde lo pego?
Dentro de cualquier selector CSS. Ej: .card { box-shadow: ... }
¿Qué es inset?
Dibuja la sombra dentro del elemento. Útil para botón presionado
¿Para qué combinar varias sombras?
Una sombra cercana suave + una más lejana crea profundidad realista (Material / Apple HIG)
🐛 ¿Encontró un problema con esta herramienta?

Gratis, sin registro. Incluso solo los pasos para reproducir ayudan. Los informes van directamente al operador y se usan para corregir.

* Se envía automáticamente la info del navegador (UA / pantalla / idioma / URL) para reproducir