Generador de sombras CSS (box-shadow)
Diseña sombras realistas y suaves para cajas, tarjetas y botones web con previsualización en directo y código CSS listo.
- Gratis
- Sin registro
- Se ejecuta en tu navegador
- Funciona en móviles
Generador de sombras CSS (box-shadow) de un vistazo
- Entrada
- Desplazamiento horizontal, vertical, desenfoque y color
- Salida
- Propiedad CSS box-shadow lista para usar
- Privacidad
- Todo ocurre en tu dispositivo. No se sube ningún dato.
- Precio
- Gratis, sin cuenta, sin marcas de agua.
Cómo usar Generador de sombras CSS (box-shadow)
- 1Mueve los controles para variar la distancia y desenfoque de la sombra.
- 2Ajusta el color y nivel de transparencia de la sombra.
- 3Copia la línea de código CSS para pegarla en tu hoja de estilos.
Características
- Controles precisos para desplazamiento X, Y, desenfoque y difusión.
- Modo de sombra interna (inset).
- Diseño visual interactivo y muy cómodo.
- 100% gratuito.
Preguntas frecuentes sobre Generador de sombras CSS (box-shadow)
¿Qué significa la opción 'inset'?
Crea una sombra interior que simula que el elemento está hundido hacia dentro.
¿Es gratis?
Sí, totalmente gratis.
Herramientas relacionadas
Generador de degradados CSS (Gradient Generator)Diseña de forma visual degradados de color lineales y radiales y copia el código CSS listo para tus fondos y botones.Generador de border-radius CSSCrea esquinas redondeadas asimétricas y formas orgánicas modernas para tus tarjetas y botones mediante controles visuales.Minificador de CSS online (CSS Minifier)Comprime tus hojas de estilo CSS eliminando espacios, comentarios y caracteres sobrantes para que tu web cargue a toda velocidad.Decodificador Base64 onlineRecupera el texto original legible a partir de una cadena codificada en Base64 con soporte completo para UTF-8.
Más herramientas de developer toolsÚltima actualización