Forum Discussion
DanielAlbarran
2 years agoCommunity Member
How this bouncig effect was created?
Hi everyone. I saw this menu example, and I´d like to replicate the bouncing effect of the central picture when you enter the content sections. Any ideas of how the author did it? Motion paths, maybe?
https://360.articulate.com/review/content/cb33051c-73f6-4bc9-8f6e-6157ad76dc98/review
Thanks.
- MathNotermans-9Community Member
Looks like GSAP easing to me.
https://360.articulate.com/review/content/eb0d94e9-7abf-4991-85d1-d1f6581fe65c/review
Done like this..var tower = document.querySelector("[data-acc-text='eifelTower']");
gsap.to(tower, {duration:2, y:100, ease: "bounce.out"});
- DanielAlbarranCommunity Member
Thanks. I´m not familiar with those code lines, but it´s a good pretext to explore them.