Degradado animado
Fondo con degradado en movimiento: elige colores y velocidad, copia la animación CSS. Gratis y sin registro.
Resultado
¿Cómo usar esta herramienta?
Fondo con degradado en movimiento (animación CSS).
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo creo un degradado animado?
Elige hasta tres colores y la velocidad; pulsa Generar CSS para obtener el fondo con degradado en movimiento.
¿Cómo funciona la animación?
Anima la posición de un degradado de gran tamaño con keyframes CSS: movimiento suave sin JavaScript.
¿Puedo cambiar la velocidad?
Sí, puedes ajustar la velocidad para un movimiento más lento y elegante o más enérgico.
¿Puedo usarla desde el celular?
Sí, está optimizada para pantallas pequeñas y funciona directo en el navegador.
Herramientas relacionadas de Color y diseño
Nombres de colores HTML
Tabla de referencia con los 148 nombres de colores CSS y su código HEX.
Usar gratisTest de daltonismo
Placas estilo Ishihara para orientarte sobre tu visión del color.
Usar gratisAvatar con iniciales
Crea un avatar SVG con las iniciales de cualquier nombre y tus colores.
Usar gratisFiltros CSS
Aplica filtros (blur, brillo, sepia…) a imágenes con CSS y copia el código.
Usar gratisClip-path
Recorta elementos con formas CSS: polígono, círculo y elipse.
Usar gratisScrollbar CSS
Personaliza la barra de desplazamiento: colores, ancho y radio para WebKit y Firefox.
Usar gratis