Diseño
Generador de gradientes CSS
Crear degradados CSS visualmente.
Cómo usar
Elige un preajuste o constrúyelo desde cero: añade paradas de color, arrastra posiciones, cambia entre lineal, radial y cónico. Copia el CSS o el fragmento de clase de Tailwind.
Preguntas frecuentes
¿Qué tipos de gradiente se admiten?
Lineal (cualquier ángulo), radial (círculo desde el centro) y cónico (rueda de color). Cada tipo admite varias paradas de color con posiciones arrastrables.
¿Cómo uso el CSS?
Copia la línea background generada en tu hoja de estilos o pégala en un valor arbitrario de Tailwind como bg-[linear-gradient(...)].
¿Puedo empezar con un preajuste?
Sí: haz clic en cualquiera de los 12 preajustes (atardecer, océano, foco radial, arcoíris cónico y más) y luego ajusta las paradas y los ángulos.
Última actualización: