Hey, we set different heights for each container, the first container is the highest and it descends down. You can also stretch the containers and set different paddings at the top. The most important thing to make sure of is that each container has different heights.
Loving the new tutorials. What about interactions that increase the width of the first image and decrease the width of the other two. Then, apply that same logic to the other images. Is that possible?
Hi there. Using interactions you can apply the expand animation on the image you want to expand and add shrink animation for the other two images. You can do the same steps on the other images as well- add expand for the animated image and shrink to the rest.
@@WixStudio This doesn't work. After applying the expand animation on 'Image 1' and shrink animation on 'Image 2' and 'Image 3', I'm unable to repeat the same steps on 'Image 2'. It says 'this element already has an animation'. Is there any other way to do this?
Im having trouble with the container shrink scroll effect at 4:26 I get the scroll effect but the containers dont stack and they have my background as outline. Ty
Hey, we set different heights for each container, the first container is the highest and it descends down. You can also stretch the containers and set different paddings at the top. The most important thing to make sure of is that each container has different heights.
@@WixStudio Thanks! I tried to figure it out but I couldn't get the offsets correct...I read in the other comments from Wix Studio that they made the containers different heights but I still couldn't figure it out.
Hi there. We would need our customer care team to take a closer look to determine what may be preventing you from accessing this effect. Please contact the team here >> wix.to/iZTuzNF, or through our Wix Studio communities > wix.to/SiperLT
Hey there, thanks for bringing this to our attention. If you're referring to building the part of the containers card that scrolls one on the other, create 3 sections with a container that contains the content, where each section has a different top padding (the first has a low value, the second has a larger value and the third has a larger value than the second). Then, define each section as sticky, and finally, add the animations that appear in the video on each container.
![SAFEPLANET - ดาวเคราะห์ [ THE PLANET ]](http://i.ytimg.com/vi/4X1XL3I_k3c/mqdefault.jpg)
Having problem with scroll effect at 4:26 only one section stacks up and the rest does not. Can you help pls?
Hey,
we set different heights for each container, the first container is the highest and it descends down. You can also stretch the containers and set different paddings at the top. The most important thing to make sure of is that each container has different heights.
Loving the new tutorials. What about interactions that increase the width of the first image and decrease the width of the other two. Then, apply that same logic to the other images. Is that possible?
Hi there. Using interactions you can apply the expand animation on the image you want to expand and add shrink animation for the other two images. You can do the same steps on the other images as well- add expand for the animated image and shrink to the rest.
@@WixStudio This doesn't work. After applying the expand animation on 'Image 1' and shrink animation on 'Image 2' and 'Image 3', I'm unable to repeat the same steps on 'Image 2'. It says 'this element already has an animation'. Is there any other way to do this?
Im having trouble with the container shrink scroll effect at 4:26
I get the scroll effect but the containers dont stack and they have my background as outline.
Ty
I have the same problem, can explain pls?
Hey,
we set different heights for each container, the first container is the highest and it descends down. You can also stretch the containers and set different paddings at the top. The most important thing to make sure of is that each container has different heights.
@WixFix could you do a better tutorial on the effect they do at 4:25 ?
Hi Sean, we appreciate your feedback and are passing it on for further review.
@@WixStudio Thanks! I tried to figure it out but I couldn't get the offsets correct...I read in the other comments from Wix Studio that they made the containers different heights but I still couldn't figure it out.
Can i make the breathe effect stop when the cursor is held over it?
Unfortunately, it's not possible to trigger an element that is set to loop on hover.
Why I can't find Breath effect (nor Loop) - I only get standard effect as glide in..etc
Hi there. We would need our customer care team to take a closer look to determine what may be preventing you from accessing this effect. Please contact the team here >> wix.to/iZTuzNF, or through our Wix Studio communities > wix.to/SiperLT
@@WixStudio I just realized that Wix Editor (my site builder) is different from Wix Studio :( and no migration is possible, i'm sad
the stacking containers part is not fully shown...anyone that tries to recreate this has issues...
Hey there, thanks for bringing this to our attention. If you're referring to building the part of the containers card that scrolls one on the other, create 3 sections with a container that contains the content, where each section has a different top padding (the first has a low value, the second has a larger value and the third has a larger value than the second). Then, define each section as sticky, and finally, add the animations that appear in the video on each container.
Pretty cool 😮
We couldn't agree more! 🙌