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?
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.
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....
5 Replies
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.
Math, you're the best, I don't even know why this timeline had been moved.
Thanks for pointing this out
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....
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
This is very interesting indeed Math, Merci.