Sombra CSS
Crea box-shadow personalizadas con vista previa en vivo y copia el código CSS. Gratis, sin registro, en español.
Resultado
¿Cómo usar esta herramienta?
Crea box-shadow personalizadas y copia el código CSS.
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo creo una sombra CSS?
Ajusta desplazamiento, desenfoque, expansión, color y opacidad (o el modo interior); pulsa Generar CSS y copia el código.
¿El código funciona en todos los navegadores?
Sí, el código generado es box-shadow estándar, compatible con todos los navegadores modernos.
¿Puedo hacer sombras interiores?
Sí, activa la opción interior (inset) para crear sombras hacia adentro del elemento.
¿Se guardan mis datos en algún servidor?
No. Los cálculos ocurren localmente en tu navegador; no enviamos tu información a ningún servidor.
Herramientas relacionadas de Color y diseño
Border radius
Ajusta el radio de cada esquina y obtén el código border-radius CSS al instante.
Usar gratisTexto con degradado
Crea texto con degradado de color usando solo CSS, con vista previa en vivo.
Usar gratisBotones CSS
Diseña botones y obtén el CSS completo con estado hover incluido.
Usar gratisLoader CSS
Crea spinners de carga animados con solo CSS: color, tamaño y velocidad a tu gusto.
Usar gratisTonos de un color
Genera tintes y sombras de cualquier color para tu paleta.
Usar gratisMezclar colores
Mezcla dos colores con la proporción que elijas y obtén el resultado al instante.
Usar gratis