Volver a Herramientas

CSS Shadow Generator

Design box-shadow CSS with live preview and presets

100% GratisFunciona en tu navegadorSin registro

Acerca de esta herramienta

Cree la sombra CSS box-shadow perfecta con un editor visual. Comience desde presets de Material Design, Soft UI o neumorfismo, o construya la suya desde cero. Apile múltiples capas de sombra, ajuste desplazamiento, desenfoque, extensión y color, y vea los cambios en tiempo real. Copie el CSS con un clic para mockups de aukimi Inkwell o sitios web en vivo. Parte de aukimi Inkwell.

Caracteristicas

  • Presets de Material, Soft UI y personalizados
  • Múltiples capas de sombra
  • Desplazamiento, desenfoque, extensión y color ajustables
  • Vista previa en vivo en formas personalizables
  • Copiar CSS con un clic

Casos de uso

Estilos de sombra para tarjetas y panelesDiseño de UI neumórficoPrototipado de sistemas de elevación

Compartir esta herramienta

Ayuda a otros a descubrirla

Crea una cuenta gratuita para eliminar las marcas de agua

Guarda tu trabajo, accede a la suite creativa completa y exporta sin marcas de agua.

Sign Up Free

¿Necesitas más potencia?

Prueba aukimi Inkwell

Edición profesional de mapa de bits con capas, máscaras, filtros y soporte completo para tableta.

Preguntas frecuentes

¿CSS Shadow Generator es realmente gratis?

Sí, 100 % gratis sin cargos ocultos. Puedes usarlo tantas veces como quieras, directamente en tu navegador.

¿Necesito crear una cuenta?

No se requiere cuenta. Sin embargo, crear una cuenta gratuita de aukimi elimina las marcas de agua y te permite guardar tu trabajo.

¿Mis datos están seguros?

Sí. Todo el procesamiento se realiza localmente en tu navegador. Tus archivos nunca se suben a nuestros servidores.

¿Puedo usar los resultados para proyectos comerciales?

Por supuesto. Todo lo que crees con nuestras herramientas gratuitas es tuyo, incluso para uso comercial.