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: oxygen-qlwqt7t7ckktl.oxygen-d...
-------------------------------------------------------
Website: motion.page
Facebook Group: / motion.page
Documentation: docs.motion.page/
Community: 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
Негізгі бет Тәжірибелік нұсқаулар және стиль Make Killer Animations like Apple Using WordPress and Motion.page!
Пікірлер: 34