This Cool Elementor Effect Will Make Your Website 3D
Vložit
- čas přidán 25. 07. 2024
- 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 - Věda a technologie
Finally i found a channel where i will learn Elementor Peacefully
I appreciate it comments like this 💌
Dude, this is some high-quality content - thank you again, and keep these Elementor hacks coming!
Thank you so much! More Elementor case case study on the way 💻🥰
This is awesome, you guys continue to amaze me. All your hard work has paid off :).
Appreciate it 💪
Really impressive and styilish design, glad to see people really embracing what elementor can do
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.
Thanks! Continue doing this
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?
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.
Which Screen Recording Software You Are Using or You Edit FaceCam or Zoom in or out Manually?
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
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?
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.
@Michellewp when installing elementor it require other plugins as well to work... it becomes a bit frustrating
Bought and Tried to install the Template .json file and just gives an "error occurred, please try again? "
Any ideas?
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 Info@lifeonablock.com, and I'll send you a new updated file.
@@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!