🎬 Nuevo elemento Parallax en el theme hijo
Ya está disponible el nuevo elemento Parallax dentro del tema hijo de Flowtitude para Bricks. Es un componente pensado para crear secciones más vivas y dinámicas, con soporte tanto para imágenes como para vídeo.
🔹 ¿Qué puedes hacer con él?
-
Usar múltiples tipos de fondo:
- Imágenes de la biblioteca
- Vídeos locales (MP4, WebM…)
- YouTube y Vimeo pegando simplemente la URL
- Color sólido o incluso “ninguno” si solo quieres jugar con el contenido
-
Aplicar diferentes efectos parallax:
- Fondo fijo tipo
background-attachment: fixed - Movimiento suave por scroll (transform)
- Efecto de zoom (scale)
- Control de velocidad y dirección (vertical, horizontal o ambos)
- Opción para desactivarlo en móvil y cuidar el rendimiento
- Fondo fijo tipo
-
Añadir animaciones integradas tanto al fondo como al contenido:
- Fade, slide en varias direcciones, scale
- Efecto “stagger” para animar elementos hijos de forma escalonada
- Duración y retraso configurables
- Respeta
prefers-reduced-motionpara mejorar la accesibilidad
-
Trabajar con una estructura flexible y nestable:
- Contenedor principal donde puedes añadir cualquier contenido de Bricks
- Overlay personalizable (color, imagen, etc.)
- Compatible con clases de utilidad (Tailwind / Flowtitude) sin conflictos
🚀 Algunas ideas de uso
- Hero sections con vídeo de fondo y contenido animado
- Secciones de producto con imágenes en parallax
- Landings con bloques que combinan texto, imagen y movimiento
- Fondos dinámicos usando YouTube o Vimeo
📦 Disponibilidad
El elemento viene incluido en el Flowtitude Child Theme.
Solo tienes que activarlo desde el panel de elementos personalizados de Bricks y ya podrás usarlo como un elemento más en tus paginas.
Iré afinando opciones y comportamiento según el uso real que le vayáis dando, así que cualquier captura, ejemplo o feedback que queráis compartir será más que bienvenido 🙌
Deseando probarlo
Luis Muñoz A ver si para el lunes ya lo tengo publico, estoy haciendo de conejillo de indias...
Angel Julian Hola.
¿Tienes esto del Parallax ya incluido listo para usarlo?
Gracias.
Luis Muñoz Si esta incluido en un modo básico, pero para lo que necesitas si que te sirve
Angel Julian Efectivamente. Lo he usado y va bien. Aunque no entiendo muy bien las opciones cómo funcionan. Lo he dejado en básico y listo. Gracias!
Luis Muñoz estupendo, tengo pendiente sacar una actualziacion del tema con algunas mejoras, a ver si puedo añadir mejoras en esto.