I want to create card flip effect like this, so far I have been able to flip card although I can't seem to find where to change the transform origin from center on hype.
I am pretty new to code/js, can anyone help me with the adding the code to scroll tigger the flip animation?
Hype does have a built in waypoints feature under the Actions inspector.
Enter Viewport Exit Viewport.
It uses waypoints.js. But it is limited in its usage..
So alternatively you could use way points directly.
Docs
http://imakewebthings.com/waypoints/api/continuous-option/
cdn
download
http://imakewebthings.com/waypoints/
--
Working hype example.
waypoints.hype.zip (1.6 MB)
This is really great, let me try it out and i'll share the results. Thank you so much
