Build an editable version of this block using Elementor Pro
Budget: $30 – $250 USD
I'm trying to build an animated tab section in Elementor The left side scrolls through info boxes and the right side changes based on what left side box is in "focus" It involves using a combination of sticky scroll and maybe adding some fading motion effects to the left side tabs.
Here's a link to it in action:
https://ergatta.com/the-workout-experience/
I don't know how to switch the images though. It may just be sticky and well timed transitions.
And then mobile and tablet also needs to look good as well. I def think some custom CSS is involved. I think on tablet a responsive version of the animation, but on phone we can simplify into blocks.
I posted this a while back on reddit and some people chimed in. There are some good tips on how to do it. I made an attempt at it, but couldn't do it perfectly. the movement and transitions need to be perfect.
https://www.reddit.com/r/elementor/comments/lbzn3t/awesome_sticky_tab_section_effect_im_trying_to/
Here's a link to it in action:
https://ergatta.com/the-workout-experience/
I don't know how to switch the images though. It may just be sticky and well timed transitions.
And then mobile and tablet also needs to look good as well. I def think some custom CSS is involved. I think on tablet a responsive version of the animation, but on phone we can simplify into blocks.
I posted this a while back on reddit and some people chimed in. There are some good tips on how to do it. I made an attempt at it, but couldn't do it perfectly. the movement and transitions need to be perfect.
https://www.reddit.com/r/elementor/comments/lbzn3t/awesome_sticky_tab_section_effect_im_trying_to/