Generador de sombra de caja CSS
Diseña sombras de caja CSS con una vista previa en vivo.
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);Ajusta el desplazamiento, el desenfoque, la expansión, el color y la opacidad para crear una box-shadow y copia el CSS.
Cómo usar
- Arrastra los controles para dar forma a la sombra.
- Elige un color y una opacidad.
- Copia el CSS.
Preguntas frecuentes
- ¿Qué hace inset?
- Dibuja la sombra dentro del elemento en lugar de fuera.
- ¿Puedo superponer sombras?
- Sí, combina a mano varios valores de box-shadow separados por comas.