Forum Discussion
gsap rotationY moving object to 0,0 position on slide
Hi everyone,
I have started using gsap, and I am looking at flipping a card when it gets clicked. As you can see in .story file, the front card flips 90 degrees as expected, but the back card, which does flip also 90 degrees, does so at a different position on the slide than it was when it started, which baffles me. I have obviously ommited something or my javascript has a bug, but we're talking about 6 lines of code all together.
Could one of you wonderful people take a look at my file and maybe point me in the right direction?
Thank you
- MathNotermans-9Community Member
Timeline effects in Storyline can have weird effects on Javascript based elements.
Change the layer with Flipcard-Back to start at 0 seconds... so at start and all works as planned. - XavierBourgu139Community Member
Math, you're the best, I don't even know why this timeline had been moved.
Thanks for pointing this out
- MathNotermans-9Community Member
No problem. If you want to nudge the effect a bit, remove the dropshadow from the shape and add a transparant png as shadow. That you then can animate individually...making the effect more dramatic...scaling the shadow down or up...changing transparancy....
- MathNotermans-9Community Member
How to improve your cardflip...read on my LinkedIN posts...
https://www.linkedin.com/posts/mathnotermans_tilburguniversity-perspective-tls-activity-7183739449397104641-qi9C?utm_source=share&utm_medium=member_desktop - XavierBourgu139Community Member
This is very interesting indeed Math, Merci.