Diseño UX UI
Explora nuestro Foro de Soporte en Diseño UX/UI, un espacio dedicado a resolver tus dudas y enriquecer... Ver más
Organizadores:
- Organizado por
-
-
¡Help! Efecto desplazamiento
-
¡Help! Efecto desplazamiento
Hola que tal, soy nueva por aquí, no estoy segura porque grupo escribir y si por aca por este medio alguien podria orientarme, quisiera hacer el efecto de desplazamiento que tiene divi en sus productos, cuando uno hace scroll, se pone el fondo de un color y la card se agranda, mi problema es como hacer el fondo asi en scroll?, ya que no es el fondo de la sección en si misma, tengo dias luchando con claude y gpt literalmente, no consigo por algun medio como hacerlo y no soy experta, estoy aprendiendo pero me creo super PRO para hacerlo todo jajajaj,
¿Es con codigo?, se puede hacer nativamente en divi 5? ¿alguien podria darme alguna luz porfis? se lo agradezco infinito a todos. un abrazo!
elegantthemes.com
WordPress Themes & Plugins by Elegant Themes
The most popular WordPress Themes in the world and the ultimate WordPress plugins for building and promoting your website.
-
2 Respuestas
-
Hola
Creo que se puede hacer nativamente incluso con versiones de DIVI 4.
Si no me equivoco en el blog de divi (https://www.elegantthemes.com/blog) había un articulo explicando como hacerlo e incluso un descargable con el json para descargar y usar.
El problema es que hace muchos años que está y te va a llevar tiempo encontrarlo pero está ahí. yo lo he usado alguna vez.
-
Hola Andreina, bienvenida por aquí
Sí te entendí perfecto lo que quieres lograr. Ese efecto donde al hacer scroll o al interactuar con una card, el fondo cambia y el bloque se expande, puede hacerse, pero depende mucho de qué tan parecido lo quieras al ejemplo exacto de Divi.
En Divi 5, de forma nativa, algunas partes puedes resolverlas con opciones de diseño, transformaciones, sticky y efectos de scroll, pero cuando buscas un comportamiento más específico, como que cambie un fondo “independiente” y además la card crezca con una animación más controlada, normalmente ya entra una combinación de estructura + estilos + en algunos casos algo de código.
Ahora, si no te quieres complicar tanto, la forma más fácil y rápida de lograr algo muy parecido es usando todo el poder de Divi Pixel. Ahí ya tienes módulos y efectos mucho más avanzados que te ahorran bastante trabajo técnico.
De hecho, te recomiendo ir directo a esta clase, donde explicamos cómo usar ese módulo:
https://uxdivi.com/cursos/curso-potencia-divi-con-el-plugin-divi-pixel/lecciones/modulos-2022/clases/dp-37-expanding-cta-moduleEse módulo de Divi Pixel te puede ayudar muchísimo para conseguir justo ese tipo de efecto de expansión visual sin pelearte tanto con código ni con configuraciones raras.
Si luego quieres hacerlo más “a mano” dentro de Divi 5, también se puede plantear, pero ya sería armando una estructura específica para separar el fondo del contenido y controlar el crecimiento de la card con más precisión.
Vas bien, no te preocupes, ese tipo de efectos suelen parecer simples visualmente pero por detrás tienen su truco 😄 y más si estás intentando replicarlos exactos. Para avanzar rápido, yo en tu caso me iría primero por la opción de Divi Pixel.
uxdivi.com
Curso Potencia Divi con el plugin Divi Pixel
Potencia la todo el poder de diseño de Divi con Divi Pixel, éste poderoso plugin que te ayudará a incrementar la funcionalidad de Divi.
Inicia sesión para responder.
4.6 calificación promedio en 
