Reláx
Haga que sus páginas se sientan vivas mientras los visitantes se desplazan. La extensión Rellax lleva la magia del desplazamiento de paralaje a Elementor -ñan con código cero complicado. Simplemente seleccione cualquier imagen, forma o sección y haga que se mueva a una velocidad diferente a la del resto de la página. Cree capas de fondo sutiles que se desvíen lentamente o hagan que los elementos del primer plano exploten con un movimiento más rápido. Controle la velocidad, la dirección y las capas para crear experiencias inmersivas y multidimensionales que agreguen un toque de sofisticación y compromiso a cada pergamino.
Control de profundidad basado en la velocidad
El verdadero paralaje consiste en crear una sensación de espacio 3D. Con Rellax, no lo enciendes simplemente 'marcas la velocidad exacta. Una velocidad positiva (como 2) hace que el elemento se desplace más rápido que la página, adelantándolo. Una velocidad negativa (como -2) hace que se desplace más lento, empujándolo hacia el fondo. Este control preciso le permite construir capas realistas de primer plano, medio y fondo.
- Efectos en primer plano: utilice un valor de velocidad positivo para hacer que los iconos decorativos o los pequeños gráficos floten rápidamente más allá del usuario.
- Capas de fondo: utilice una velocidad negativa para hacer que una imagen o patrón de fondo se desvíe lentamente, creando una sensación profunda y distante.
- Precisión decimal: utilice valores como 0,5 o -1,5 para lograr movimientos sutiles y afinados.
Capas con índice Z
Cuando tienes varios elementos que se mueven a diferentes velocidades, pueden superponerse accidentalmente a tu contenido importante, como el texto. El control del índice Z soluciona este problema. Establezca un índice Z más bajo para los elementos de paralaje de fondo para mantenerlos detrás de su contenido legible, y uno más alto para los efectos de primer plano para garantizar que aparezcan en la parte superior. Esto mantiene su diseño limpio y funcional.
- Organice sus capas: asigne valores de índice Z para apilar lógicamente sus elementos de paralaje (p. ej., fondo: -1, contenido: 1, primer plano: 2).
- Evite el desorden visual: asegúrese de que los elementos móviles no se deslicen y oscurezcan sus llamadas a la acción o titulares.
- Control total de composición: cree escenas complejas de múltiples capas con confianza.
Preguntas frecuentes sobre Rellax
¿Funcionará esto en dispositivos móviles?
Sí, pero con una nota. Los efectos de paralaje en dispositivos móviles a veces pueden parecer confusos o causar problemas de rendimiento porque dependen de un desplazamiento suave. Rellax está optimizado, pero para obtener la mejor experiencia móvil, utilice valores de velocidad más sutiles (como 0,5 o -0,5) y pruebe en un dispositivo real. A veces, es inteligente desactivar por completo el paralaje complejo en dispositivos móviles para una experiencia de usuario más fluida.
¿Puedo usar esto en una imagen de fondo para una sección completa?
¡absolutamente! Este es uno de los usos más populares. Aplique la configuración de Rellax a la imagen de fondo de una sección o contenedor. Dale una velocidad lenta y negativa (como -1), y el fondo se desplazará suavemente a medida que el contenido de arriba se desplace normalmente, creando un efecto de profundidad clásico y efectivo.
¿en qué se diferencia esto de los “Efectos de movimiento” integrados de Elementor?
Los efectos de movimiento básicos de Elementor a menudo controlan el movimiento de un elemento en relación con la ventana gráfica (como “stick” o “fade in”). Rellax es específicamente para paralaje basado en la velocidad, donde la velocidad de desplazamiento de un elemento es diferente de la velocidad de desplazamiento de la página. Es una herramienta más especializada y poderosa para crear verdaderas ilusiones de profundidad de campo.
¿el uso de demasiados efectos de paralaje puede ralentizar mi sitio?
Sí, si te excedes. Cada elemento móvil requiere que el navegador haga más trabajo durante el desplazamiento. La clave es la moderación. Utilice paralaje en 1-3 elementos clave por página para lograr el máximo impacto. Evite aplicarlo a muchos elementos pequeños y complejos. Algunas capas de paralaje bien ubicadas parecen profesionales; Demasiados pueden sentirse caóticos y perjudicar el rendimiento.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
