¿Cómo creo un degradado CSS?

Utilice el editor visual de degradados de Toollo para elegir colores, ajustar los puntos de parada y establecer la dirección. La herramienta genera el código CSS en tiempo real, que puede copiar directamente en su hoja de estilos.

¿El generador admite degradados radiales y cónicos?

Sí, Toollo admite los tipos de degradado lineal, radial y cónico. Puede agregar múltiples puntos de color, ajustar ángulos y previsualizar el degradado en vivo antes de copiar el código CSS.

¿Puedo copiar el código del degradado CSS con un solo clic?

Sí, haga clic en el botón de copiar para copiar instantáneamente el código CSS del degradado generado, incluyendo los prefijos para múltiples navegadores. La herramienta funciona completamente en su navegador sin necesidad de registro.

Generador de degradado CSS

Crea hermosos degradados CSS visualmente

Tipo de degradado

Ángulo: 135°

0°360°

Paradas de color

100%

Salida CSS

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

Preajustes comunes

FAQ

¿Cómo creo un degradado CSS?: Utilice el editor visual de degradados de Toollo para elegir colores, ajustar los puntos de parada y establecer la dirección. La herramienta genera el código CSS en tiempo real, que puede copiar directamente en su hoja de estilos.
¿El generador admite degradados radiales y cónicos?: Sí, Toollo admite los tipos de degradado lineal, radial y cónico. Puede agregar múltiples puntos de color, ajustar ángulos y previsualizar el degradado en vivo antes de copiar el código CSS.
¿Puedo copiar el código del degradado CSS con un solo clic?: Sí, haga clic en el botón de copiar para copiar instantáneamente el código CSS del degradado generado, incluyendo los prefijos para múltiples navegadores. La herramienta funciona completamente en su navegador sin necesidad de registro.