This Cool Elementor Effect Will Make Your Website 3D

Sdílet
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

Komentáře • 19

  • @Kepha14_
    @Kepha14_ Před 4 dny +2

    Finally i found a channel where i will learn Elementor Peacefully

  • @wireframeaps567
    @wireframeaps567 Před 17 dny +2

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

    • @nicopalmkvist
      @nicopalmkvist  Před 17 dny

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

  • @eekeek433
    @eekeek433 Před 17 dny +1

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

  • @axelramz1490
    @axelramz1490 Před 16 dny +1

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

    • @nicopalmkvist
      @nicopalmkvist  Před 15 dny

      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.

  • @videowebsite2018
    @videowebsite2018 Před 17 dny +1

    Thanks! Continue doing this

  • @aranchin-yo6wy
    @aranchin-yo6wy Před 3 dny +1

    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
      @nicopalmkvist  Před 2 dny +1

      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.

  • @mralphaty645
    @mralphaty645 Před 16 dny +1

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

    • @nicopalmkvist
      @nicopalmkvist  Před 16 dny

      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
    @armstrongskyview2810 Před 16 dny +1

    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
      @nicopalmkvist  Před 16 dny

      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
      @armstrongskyview2810 Před 16 dny

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

  • @GenePlummer-t2t
    @GenePlummer-t2t Před 14 dny

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

    • @nicopalmkvist
      @nicopalmkvist  Před 14 dny +1

      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.

    • @GenePlummer-t2t
      @GenePlummer-t2t Před 13 dny

      @@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!