>Have you ever wanted to make page animations like Apple do on their showcase pages? Well, with Motion.page, you can do that on your very own WordPress sites! 🔥🎉
Follow along with me in this video where I show you how! 🙌🏻

We will be covering scaling, opacity, and the amazing Image Sequence which brings fire to your pages. We will also look at applying a global animation to text elements which can be reused and triggered individually.

Take a look to see how! 🔥

Link to demo page: https://oxygen-qlwqt7t7ckktl.oxygen-demo.qsandbox.org/apple/

——————————————————-
Website: https://motion.page
Facebook Group: https://www.facebook.com/groups/motion.page
Documentation: https://docs.motion.page/
Community: https://community.motion.page/
——————————————————-
00:06 – Intro
00:26 – Apple Example
01:45 – Starting in Oxygen
01:51 – Create an Element for Pin
02:10 – Add Canvas Element
03:10 – Add Title Section
03:33 – Style Title Section
04:18 – Open Motion.page
04:33 – Add Trigger and Set Up Pin
05:29 – Add First Animation
07:58 – Image Sequence Magic
11:30 – Troubleshooting
04:02 – Start adding Text to Last Section
15:20 – Add a Class for Global Animations
15:34 – Make new Motion.page Timeline for Global Animation
15:55 – Animate the Class
21:20 – Result!
22:36 – Outro

Support the Hairy Eyeball

Share this on