3 ways to create depth effects in your design with Elementor
In this video, I'll show you three methods you can use to create a sense of depth in your web design. When speaking of visual heirarchy, we often think of size, colour, position, but depth is a hidden gem in depth that when used properly can really make designs pop -even more so with web design where it assists with enticing action from your users.
Need Elementor Pro?
Please use my link (no additional cost to you)
https://be.elementor.com/visit/?bta=1...
Get Web Hosting with Siteground
https://www.siteground.com/index.htm?...
Check out my Udemy Course
Become a "NO CODING" Web Designer
https://www.udemy.com/course/become-a...
Chapters in this video
0:00 Introduction
1:30 Method 1 - Why and how to use shadows to create depth in your design
4:28 How to create a depth effect using shadows in Elementor
6:54 Using a shadow to add lift to a container in Elementor
8:17 Using a shadow effect on text elements in Elementor
10:39 Method 2 - How to create a depth effects using the position of elements in Elementor
14:20 Method 3 - How to create a depth effect using movement in Elementor
14:50 How to create parallax effect in Elementor
17:23 How to use scroll animations in Elementor
19:40 Check out this great tool in Elementor to create 3d effects! - BONUS