Skip to content

Generador de degradados y sombras CSS

Diseña degradados y sombras CSS visualmente y copia CSS listo para producción o clases de Tailwind.

Sin subidas 
background: linear-gradient(135deg, #ff5a1f 0%, #ffb347 50%, #7f5af0 100%);

Cómo usar Generador de degradados y sombras CSS

  1. 1Abre Generador de degradados y sombras CSS. Funciona en tu navegador, sin registro.
  2. 2Escribe o pega tus datos.
  3. 3Copia o descarga el resultado.

Preguntas

What are layered shadows?

Several soft shadows stacked together look more natural than one hard shadow — the style used by modern design systems.

Does the Tailwind class work?

Yes, it uses Tailwind’s arbitrary value syntax, supported in v3 and v4.

Más herramientas

Generador de códigos QREnlaces, Wi-Fi, texto — SVG o PNG Contador de palabras y caracteresPalabras, caracteres, tiempo de lectura Conversor de mayúsculas y slugsMAYÚS, Título, camel, kebab Markdown a HTMLVista previa en vivo y exportación Markdown a PDFListo para imprimir, texto seleccionable Limpiador de texto: deduplicar, ordenar, reemplazarLíneas, espacios, buscar y reemplazar Generador de letras bonitasFuentes Unicode para tu bio Generador de Lorem IpsumPárrafos de relleno