How to Create Pinning Elements and Awesome Scaling Effects!
Welcome back to another Motion.page tutorial where we discuss how to pin multiple elements on the same page, and create amazing scaling effects to reveal content underneath! We also address a common problem which our users face when pinning elements; white space!
You can create amazing pages with the use of pinning elements. As you can see from this video tutorial, by pinning elements you are able to achieve these cool effects such as zooming in on scenery, as well as manipulate HTML elements to create some cool visuals!
00:06 - Introduction
00:39 - Demo
01:44 - Setup
02:11 - Open Oxygen
02:33 - Add Hero
06:03 - Create First Pinning Section
07:59 - Explanation on Image
08:55 - Edit first section in Motion.page
09:53 - Pin 1 Setup
12:36 - Add Animations for 1st Pin
17:50 - Addressing a Common Problem
20:00 - Create Second Pinning Section
24:34 - Add a New Timeline in Motion.page
24:48 - Pin 2 Setup
25:43 - Add Animations for 2nd Pin
35:17 - Outro
Watch video How to Create Pinning Elements and Awesome Scaling Effects! online without registration, duration hours minute second in high quality. This video was added by user MotionPage 20 June 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,630 once and liked it 140 people.