Amazing Layouts With SVG, Lottie & Motion Effects [ADVANCED]

👋🏼 Help us improve by answering this short survey: http://elemn.to/survey-time

In this advanced tips & tricks tutorial we will learn how to create an advanced website layout using a combination of SVG, Lottie & Motion Effects.

The tutorial will cover:
✔︎ Using Shape Dividers
✔︎ Using Lottie Animations
✔︎ Adding Custom SVG Illustrations
✔︎ Using Motion Effects

Related Links:
How to Use Elementor's Lottie Widget:    • How to Use Elementor's Lottie Widget ...  
Lottie Website: http://lottiefiles.com/
How to Add SVG Files to Elementor:    • How to Add SVG Files to Elementor  
Enable Unfiltered Uploads: https://elementor.com/help/enable-svg...
Motion Effects Tutorials:    • Motion Effects Tutorials  

Custom CSS:

selector{
position: absolute;
}

selector{
pointer-events: none;
}

Don’t forget to subscribe to our channel!
Get Elementor: https://elementor.com
Get Elementor Pro: https://elementor.com/pro

Timestamps:
00:00 - Prologue
00:40 - Introduction
02:00 - Get Started
02:35 - Clouds & Birds
04:40 - Windmill & Blades
06:45 - Revealing Leaves
15:20 - Trees & Birds
17:45 - Bucket & Well
19:30 - Books
21:00 - Map