Crea gradientes lineales y radiales CSS visualmente.
El Generador de Gradientes CSS te permite diseñar gradientes lineales (linear-gradient) y radiales (radial-gradient) visualmente, con selector de color, ángulo ajustable y tercer color opcional. El código CSS se genera al instante y puedes copiarlo directamente a tu hoja de estilos. Ideal para diseñadores UI, desarrolladores web y creadores que necesitan fondos atractivos sin abrir Photoshop.
Linear traza el gradiente en línea recta de un punto a otro; radial parte de un centro y se expande en círculo — ideal para botones y esferas.
0°: abajo→arriba; 90°: izquierda→derecha; 180°: arriba→abajo; 270°: derecha→izquierda. Valores intermedios generan diagonales.
Sí. Usa rgba o hex de 8 caracteres (#FF000080 = rojo 50% opacidad) para superponer gradientes translúcidos sobre imágenes.
No. Se renderizan por GPU, más ligeros que un PNG/JPG y se mantienen nítidos a cualquier resolución.
Todos los navegadores modernos desde 2013 — sin prefijos vendor necesarios.