Generador de Degradados CSS - Herramienta Online Gratis
Generador de Degradados CSS
Construya un Degradado CSS con Vista Previa en Vivo
Comprendiendo los Degradados CSS
Vista Previa en Vivo
Vea su degradado actualizarse instantáneamente al cambiar colores, tipo o ángulo, sin recargar la página.
Lineal y Radial
Construya un degradado lineal direccional en cualquier ángulo, o un degradado radial que se extiende desde el centro.
CSS Listo para Copiar
Copie la declaración exacta de CSS background para pegarla directamente en su hoja de estilos.
Procesamiento Local
La vista previa y el CSS se generan enteramente en su navegador — ningún dato se envía jamás a un servidor.
Degradados Lineales vs. Radiales
Un degradado lineal transiciona colores a lo largo de una línea recta en un ángulo elegido, útil para fondos, botones y banners. Un degradado radial en cambio transiciona colores hacia afuera desde un punto central en un patrón circular, lo cual funciona bien para efectos de foco, insignias o elementos circulares de interfaz.
Puntos Clave
- Dos Tipos de Degradado: Elija degradados lineales (angulares) o radiales (circulares).
- Ángulo Ajustable: Ajuste con precisión la dirección de los degradados lineales de 0 a 360 grados.
- Solo del Lado del Cliente: Toda la generación ocurre localmente en su navegador — ningún dato se envía jamás a un servidor.