Para desarrolladores · online · gratis
Sombra CSS
Mueve los controles: ves la sombra y copias el CSS.
Qué hace la herramienta
Crea la propiedad box-shadow con vista previa: desplazamiento, desenfoque, expansión, color y opacidad.
Cómo usarla
- Mueve los controles.
- Elige el color de la sombra.
- Copia el CSS.
Conviene saber
- Activa «Dentro» para una sombra interior.
- Poca opacidad y mucho desenfoque se ven más naturales.
Preguntas frecuentes
- ¿Varias sombras?
- Copia las líneas y únelas con una coma en un solo box-shadow.
- ¿Funciona en todos los navegadores?
- Sí, box-shadow funciona en todos.