Gradiente animado BG
Haga que su sitio web se destaque en segundos. Deshazte de los colores estáticos y las imágenes aburridas. La extensión Fondo degradado animado te permite llenar cualquier sección, contenedor o columna con gradientes hermosos y que cambian suavemente. Elija sus colores, establezca el ángulo y la velocidad y observe cómo el fondo cobra vida con un flujo suave e interminable. Perfecto para secciones de héroes, áreas de llamada a la acción o como fondo moderno para su contenido. Sin archivos de video, sin código pesado, solo movimiento liviano y llamativo que capta la atención y hace que su diseño se sienta premium.
Creador de gradientes en vivo con colores reales
Comience con un gradiente simple de dos colores o cree una mezcla multicolor compleja. Utilice los selectores de color para elegir cualquier tono y ajuste su posición en el control deslizante de gradiente para controlar la mezcla. Vea la actualización de sus opciones en vivo. La magia ocurre cuando estos colores comienzan a moverse y fluir entre sí, creando un fondo dinámico y vivo.
- Colores ilimitados: agregue tantas paradas de color como desee para crear degradados ricos y vibrantes.
- Vista previa en vivo: vea su compilación de degradado en tiempo real mientras ajusta los colores y las paradas.
- Paletas profesionales: cree fácilmente degradados que coincidan con la combinación de colores exacta de su marca.
Control total sobre la animación
Una animación demasiado rápida distrae, demasiado lenta es aburrida. Obtienes control total para que se sienta bien. Establece el ángulo para cambiar la dirección del flujo. Ajuste la duración total de la animación para que sea lenta, tranquila o rápida y enérgica. Elija un Facilitador de animación (como “Suave”) para que el movimiento se sienta natural, no robótico.
- Controle el flujo: cambie el ángulo (por ejemplo, 90° para horizontal, 180° para vertical) para dirigir la animación.
- Establezca el ritmo: una duración más larga (como 10 segundos) crea un cambio sutil y lento. Uno más corto (3 segundos) es más notorio y enérgico.
- Transiciones suaves: utilice opciones de flexibilización para evitar saltos bruscos de color, lo que hace que el bucle sea perfecto.
Preguntas frecuentes sobre el gradiente animado BG
¿Funcionará esto en alguna parte de mi página?
¡sí! Puedes aplicarlo a casi cualquier contenedor Elementor: secciones completas, columnas individuales o incluso contenedores especiales como cajas de héroes. Simplemente busque la configuración de fondo para ese elemento y busque el tipo de fondo “Gradiente animado”.
¿Puedo usar esto sobre una imagen o video de fondo?
Normalmente, eliges un tipo de fondo por elemento. No puedes superponer un degradado animado sobre un vídeo o imagen usando la misma configuración. Pero puedes colocar tu imagen o video en una columna dentro de una sección que tenga el fondo degradado animado, creando una apariencia en capas.
¿Cuántos colores puedo usar en una animación?
Técnicamente, tantos como quieras haciendo clic en “Agregar color”. Pero para obtener el efecto más limpio y eficaz, recomendamos de 2 a 4 colores. Demasiados colores pueden hacer que la animación parezca embarrada o caótica.
¿La animación se reproduce todo el tiempo o puedo hacer que se reproduzca en el hover?
La extensión está diseñada para animaciones continuas en bucle que se reproducen automáticamente tan pronto como se carga la página. Para animaciones controladas por desplazamiento, probablemente necesitarás usar un método diferente o Css personalizado. Esta herramienta sirve para crear un efecto de fondo atmosférico siempre activo.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
