Generador de degradados CSS
Diseña hermosos degradados personalizados para tu sitio web y copia instantáneamente el código CSS.
Tipo
¿Qué es un gradiente CSS?
Los degradados CSS permiten mostrar transiciones suaves entre dos o más colores especificados. Al utilizar degradados CSS en lugar de archivos de imagen, puede reducir significativamente el tiempo de carga y el uso del ancho de banda de su sitio web, manteniendo al mismo tiempo un renderizado nítido en pantallas de alta resolución.
Preguntas frecuentes
¿Cuál es la diferencia entre los degradados lineales y radiales?
A linear gradient transiciona los colores a lo largo de una línea recta (que puedes controlar cambiando el ángulo). A radial gradient transiciones de colores que irradian hacia afuera desde un punto central.
¿Es el CSS generado compatible con todos los navegadores?
Sí, el estándar linear-gradient y radial-gradient Las funciones generadas por esta herramienta son totalmente compatibles con todos los navegadores web modernos, incluidos Chrome, Safari, Firefox y Edge.