This Cool Elementor Effect Will Make Your Website 3D

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.
✅ Download the images i used or get the template: lifeonablock.com/get-images-yt/
✅ Get Elementor Pro: be.elementor.com/visit/?bta=2...
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

[@Kepha14_]

Finally i found a channel where i will learn Elementor Peacefully

[@nicopalmkvist]

I appreciate it comments like this 💌

[@giangvutruong674]

thank u so much

[@wireframeaps567]

Dude, this is some high-quality content - thank you again, and keep these Elementor hacks coming!

[@nicopalmkvist]

Thank you so much! More Elementor case case study on the way 💻🥰

[@bradensimpson8083]

If you added the background color to a thick border inset in the background image (image edit), you could make it appear that the foreground elements are seemingly popping out of the background, if you like.

[@axelramz1490]

Really impressive and styilish design, glad to see people really embracing what elementor can do

[@nicopalmkvist]

Thank you, Axelramz! And yes it's amazing what you can create with Elementor if you think outside the box and use its built-in features in a creative way.

[@3pm479]

You are Great 😃👍

[@eekeek433]

This is awesome, you guys continue to amaze me. All your hard work has paid off :).

[@nicopalmkvist]

Appreciate it 💪

[@videowebsite2018]

Thanks! Continue doing this

[@gabrielk5497]

Thanks for your creativity!!
How you deal with absolute positioning on different screen resolutions? When I play around with absolute and then I check on different resolution screens the elements aren't "fixed", the only way I figured it out is to establish a fixed size of the container but doing that leaves margin on the sides so I can't go "full width".
Thanks :)

[@aranchin-yo6wy]

Excellent video! If I want to make my own graphic let's say I use illustrator or inkscape what size should I make the graphic?

[@nicopalmkvist]

Thank @aranchin. Just use svg files then The size and the quilaty don’t matter.
But if it should be an image then I think it’s 1080x1920.
You can use my pictures to rebuild the Ha Long Bay section and then replace them with your own later.

[@InFormation0420]

What is need for it, crms or real coding??

[@mralphaty645]

Which Screen Recording Software You Are Using or You Edit FaceCam or Zoom in or out Manually?

[@nicopalmkvist]

My screen recorder software automatically zooms in and out when I click on something. I recommend it. You can find it here: screenstudio.lemonsqueezy.com?aff=2pmgR

[@armstrongskyview2810]

Hi, my theme wont let me use elementor, im using variations theme and it forces me to use block builder (which i dont like) can i pay for your template and drop it in?

[@nicopalmkvist]

I always recommend using the "Astra" theme instead. It's the most popular WordPress theme and works very well with Elementor.
You can find it here: wordpress.org/themes/astra/
And no, you need to have the Elementor plugin installed to use my template.

[@armstrongskyview2810]

@Michellewp when installing elementor it require other plugins as well to work... it becomes a bit frustrating

[@GenePlummer-t2t]

Bought and Tried to install the Template .json file and just gives an "error occurred, please try again? "
Any ideas?

[@nicopalmkvist]

Hi GenePlummer, Let me help you with this!
It sounds like you're uploading the zip file, but you shouldn't do that. You need to unzip it first and then upload the .json file?
If this doesn't help, please email [e-mail], and I'll send you a new updated file.

[@GenePlummer-t2t]

@@nicopalmkvist You guys are amazing, thank you for going out of your way to email me before i replied! I had been trying the unzipped file, tho it just wasn't liking it. The update file you sent, worked a treat! Thanks again guys!