How to Create Pinning Elements and Awesome Scaling Effects!

Опубликовано: 20 Июнь 2023
на канале: MotionPage
5,630
140

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


Смотрите видео How to Create Pinning Elements and Awesome Scaling Effects! онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь MotionPage 20 Июнь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 5,630 раз и оно понравилось 140 людям.