This Cool Elementor Effect Will Make Your Website 3D

Nicolai Palmkvist July 9, 2024
Video Thumbnail
Nicolai Palmkvist Logo

Nicolai Palmkvist

@nicopalmkvist

About

Better websites, instantly 👇 I share everything I’ve learned about web design, getting clients and Elementor, so you don’t have to figure it all out the hard way. My goal is to make web design easier, cut the crap, and help you look like a PRO by creating next-level designs that actually stand out. A few years ago, I was just another web designer trying to make a living. I wasn’t that good at it, and I definitely wasn’t making any money. But over time, I figured out how to create websites that look next-level, attract clients, and actually make good money. ;) Part of that is knowing how to design and get clients, but just as important is having the right process. That’s why my own templates have become the backbone of every project I do - and now I’ve made them all available, so you can use them in your own work too. What you'll get: • FULL web design tutorials • Web design tips and tricks • Free Elementor templates Privacy Policy: https://lifeonablock.com/pp/

Video Description

✅ Import design & images: https://nicolaipalmkvist.com/template-ha-long/ In this motion effects Elementor pro tutorial you’ll learn how I built this 3D effect using Elementor motion effects and text behind the picture in Elementor. ✅ Get Elementor Pro: https://lifeonablock.com/3d-website You’ll also learn how to use Elementor to place something behind an object, by using layers and z index. I’ll show you how I built this cool website from scratch by using the 3D tilt effect in Elementor, so sit back and enjoy this motion effects Elementor Pro Tutorial 0:00:00 Overview 0:00:33 Step 1: How I built this from scratch 0:01:09 Step 2: Get all the images i used 0:01:29 Step 3: How did I crop out a part of a picture? 0:02:21 Step 4: Adding the heading 0:03:38 Step 5: Using z-index (the secret) 0:04:42 Step 6: How to add all layers 0:13:54 Adding Elementor motion effects 0:16:23 How to get ready-to-import-template People who will find this video helpful will search for: - Motion effects Wordpress Elementor with real life website example - Animate image behind text with Elementor Pro or text behind the picture in Elementor - And other motion effects To be honest, creating this Elementor website took quite some time because I didn't want to use custom code or plugins. So I hope you appreciate my hard work and follow this video to save yourself a lot of time and energy. I've included a link above where you can download all the images I used to create this beautiful website. I've made several of these "how I built this" videos, and they've been very successful. So now I decided to make a longer video so you can copy my work and use it in your next Elementor project. So in conclusion this video will teach you how to add a 3D effect to your website with Elementor's motion effects without custom coding or a plugin! I hope this Elementor effect will make your site stand out. Music used: LoFi by raspberrymusic Just Dance by Patrick Patrikios #elementor3d #motioneffects #elementoreffect