Make this Image Turbulence Reveal Effect on Scroll with Elementor | Advanced SVG Filter Animation

Поділитися
Вставка
  • Опубліковано 31 жов 2024

КОМЕНТАРІ • 94

  • @jimfahaddigital
    @jimfahaddigital Місяць тому +10

    You rock bro!!

  • @berkezor
    @berkezor 19 днів тому +1

    We need more awwwards award winning animations that narrate on elementor. You are the best at this. You can close this gap!

  • @mojoro24
    @mojoro24 Місяць тому +1

    Incredible!! I'm gonna use this today, thank you! Your videos are so easy to follow and are very well made. You've added a ton of value to my life, good sir!

    • @MakeDreamWebsite
      @MakeDreamWebsite  Місяць тому +1

      Thanks! Happy to help you!

    • @mojoro24
      @mojoro24 Місяць тому +1

      @@MakeDreamWebsite I've just been looking at your templates that I can purchase - AMAZING! I'm about to spend some money on those, they're beautiful and will save me lots of time. Question: When I download the template can I use it on any of my site? Are there are any licensing restrictions? Doesn't look like it but wanted to make sure - thank you sir!

    • @MakeDreamWebsite
      @MakeDreamWebsite  Місяць тому +1

      @@mojoro24 Thank you! Yes, you can use them for any amount of your websites!

  • @uzydkownik6018
    @uzydkownik6018 Місяць тому

    You are the best. I was waiting for your work for a looong time.

  • @Maggieiaconeta
    @Maggieiaconeta 38 хвилин тому

    I purchased one of your template and I just loved it. Just wondering is you have a video or template for revealing containers on scroll . I'm trying to build it on my website but I get lost . I would love the top first section on top of everything on scrolling. Hope it's clear. Do you have a video or template like this?
    Thanks

  • @mrinalkanti0
    @mrinalkanti0 Місяць тому

    Your videos are always teaching us something new, thank you for your work. Please share more videos and trick like this. Thank you again.

  • @yolla_kawatu
    @yolla_kawatu Місяць тому

    Really helpful! 🎉🎉🎉 i already bought it. 🎉🎉🎉 Thank you

  • @thedude9098
    @thedude9098 Місяць тому

    Great! Easy to follow and it works perfect. Thank you very much bro!

  • @Wares_hashimi
    @Wares_hashimi Місяць тому

    You’re a great bro and also your tutorials are great 🎉🎉🎉❤❤❤

  • @BeMasterWP
    @BeMasterWP Місяць тому

    Sweet, I always follow your content. Thanks for sharing.

  • @imasuudWebDev
    @imasuudWebDev Місяць тому

    Cool bro.. I will take this template also

  • @Juanrivaspereira
    @Juanrivaspereira Місяць тому

    I followed the tutorial, and it turned out perfect, thank you very much. I just have one problem: when I place it alongside other elements, it stops working. What might I be doing wrong? I mean, when I place it on a landing page, the file doesn’t display unless I remove the HTML, and the images show errors as well.

    • @MakeDreamWebsite
      @MakeDreamWebsite  Місяць тому

      Can you make the option -smooth-scroll: false; which is at the top of the html code. Hope your problem will be solved!

  • @BahramAlizadeh-c6j
    @BahramAlizadeh-c6j Місяць тому

    Thanks for your effort and amazing effects, i have bought the ready made version but can't put image radius on images. The elementor styping option of adding image radius is not functioning. How do I enable 20px of image radius for the photos?
    Best regards

  • @thewebstylist
    @thewebstylist Місяць тому

    Luv this!

  • @nabilakhondaker328
    @nabilakhondaker328 Місяць тому

    Amazing!! 😍

  • @sebastianmontenegro2583
    @sebastianmontenegro2583 Місяць тому

    Thanks for all your effort and clean videos. Do you have think on make tutorial for GSAP animations on elementor? I have searched everywhere but I can't find anyone who can make them and explain them correctly. I know you will make them very well.

  • @rasgsg3999
    @rasgsg3999 22 дні тому

    Awesome you ruleeee¡¡

  • @MuhammadShazAhsan
    @MuhammadShazAhsan 7 днів тому

    The custom value ' auto ' for container width doesnt work anymore in latest elementor version.

  • @ecomebusiness8225
    @ecomebusiness8225 Місяць тому

    Does it work for video too?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Місяць тому

      No, it’s for image only…

    • @ecomebusiness8225
      @ecomebusiness8225 Місяць тому

      @@MakeDreamWebsite can you imagine the effect with video. We're in the vids era bro. can you help wth that

  • @phuminan6411
    @phuminan6411 Місяць тому

    The effect isn't working as expected, even though I followed your steps exactly. After pasting the script, the component (container > image, heading) disappears. Do I need Elementor Pro license for this to work?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Місяць тому

      No, you don't need Elementor Pro. Can you please repeat it again. I think you have done something wrong. Even then it won't work you can email me...

  • @arolathesar4431
    @arolathesar4431 2 дні тому

    why i can't put a link and hover effect in the image?

  • @aminvalipoor2061
    @aminvalipoor2061 Місяць тому

    nice

  • @alfonspeu4449
    @alfonspeu4449 24 дні тому

    Hello, I bought a product from your store, but I have a problem, it is the animated menu. I wrote to your home page but I didn't receive a response

  • @decrea8439
    @decrea8439 Місяць тому

    awesomee videoo, pls do tutorials about barba.js

  • @glassinocean
    @glassinocean Місяць тому

    Why you don't use GSAP? BRO

    • @MakeDreamWebsite
      @MakeDreamWebsite  Місяць тому +2

      If you can achieve the same result without help of the library, isn’t it good? Under the hood gsap is also javascript code and I use the JavaScript code directly without the gsap.

    • @glassinocean
      @glassinocean Місяць тому +1

      @@MakeDreamWebsite bro can you teach Advance wordpress like theme , plugin development or ACF
      OR one video on that how you write code to animate elements what strategy you follow.... Plz make a video on that

    • @MakeDreamWebsite
      @MakeDreamWebsite  Місяць тому +1

      @@glassinocean Actually there is no straight-forward strategy to make things like that. First, I pickup the concept. Then, first plan the main procedure of how to execute the whole process. Then, I divide it into small steps and implement the code accordingly. I also tested it for all kind of possible scenarios as I can so it could work for all kind of users. And also refactor the code. It's actually not very straight-forward and honestly not easy as it sounds. But, if you practise a lot, you can convert any ideas to Elementor animations.

  • @captainiglu9558
    @captainiglu9558 27 днів тому

    i bought your vertical page template and i want to say it is very laggy when using on safari can you help me out?

    • @MakeDreamWebsite
      @MakeDreamWebsite  27 днів тому

      It’s fine from almost all devices. But, from Safari for some low configuration devices sometimes it seems a little laggy. If it lags too much for your device then try to keep just 1 version per page instead of multiple versions altogether…

    • @captainiglu9558
      @captainiglu9558 27 днів тому

      @@MakeDreamWebsite Well its only implemented once and the device used is a macbook m3 on google it works just fine could that be the paralax elements?

    • @MakeDreamWebsite
      @MakeDreamWebsite  27 днів тому

      @captainiglu9558 On Safari, it glitches when you make the -fallback-circle: false; from the html widgets code. Make sure you have made it true.

    • @captainiglu9558
      @captainiglu9558 27 днів тому

      @@MakeDreamWebsite f me I am under the wrong video I will comment on the correct video sorry for the confusion

    • @MakeDreamWebsite
      @MakeDreamWebsite  27 днів тому

      Can you please email me and send your page link please?

  • @manavmahendru198
    @manavmahendru198 3 дні тому

    Earlier the code was working fine but now my headings are not visible and image is also not showing clear on the page pls help

  • @chinnarock999
    @chinnarock999 Місяць тому

    Can u make a video how to make direct download option large files for user

    • @MakeDreamWebsite
      @MakeDreamWebsite  Місяць тому

      You can check this video:
      ua-cam.com/video/dLcEPG3kVdU/v-deo.html

  • @jerryf9329
    @jerryf9329 Місяць тому

    Can you do this in bricks also?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Місяць тому +1

      May be in future, I'll do that but not sure. Meanwhile, I would be better if you contact a JavaScript developer who also know Bricks and send this video as a reference. He/she can rebuild it using Bricks!

    • @jerryf9329
      @jerryf9329 Місяць тому

      @@MakeDreamWebsite okay, thank you very much for your response!

  • @SubrotoKumarBasakShawon
    @SubrotoKumarBasakShawon 9 днів тому

    Hello Bro,
    I'm using Elementor and ElementsKit plugin for my wordpress web design. I'm facing some issues.
    Issues:
    1. Sometime image not loading.
    2. Sometime design broken.
    Any time it's can be happend like when I'm working on site or not working on site. Last five days I did't any work on my site, but today I get same issues.
    There is a interesting solution when, I "Regenerate CSS & Data" from elemetor plugin then the problem solved, but it's not permanent solutions. After days or few time I get same problem. I want a permanent solution. I geting this problem my both two website.
    I'm using:
    1. Theme: Hello Elementor
    2. Plugin: Elementor
    3. ElementsKit
    Please help me.
    Thanks

  • @WDMakaruk
    @WDMakaruk Місяць тому

  • @navardalum
    @navardalum 19 днів тому

    i done it with your explanation but it dosent work friend

    • @MakeDreamWebsite
      @MakeDreamWebsite  13 днів тому

      Can you please double check every steps carefully

  • @hamzahashim7846
    @hamzahashim7846 Місяць тому

    @wpAcademy Asa content bnay Please

  • @akonnaayaab
    @akonnaayaab 9 днів тому +1

    Brother your website is probably hacked or something whenever I visit it there is some kind of popup which is coming to update my chrome and it only happens with your website pls check

    • @MakeDreamWebsite
      @MakeDreamWebsite  9 днів тому

      Okay! I’ll check and resolve it soon!

    • @akonnaayaab
      @akonnaayaab 9 днів тому

      @@MakeDreamWebsite please do, it's very alarming.

    • @MakeDreamWebsite
      @MakeDreamWebsite  8 днів тому

      My website is affected by malware. For that, I’m now migrating my website. It may take about 5 days to complete the migration process and recover the website.

    • @akonnaayaab
      @akonnaayaab 8 днів тому +1

      @@MakeDreamWebsite hey I helped 😉, great brother... All the best please tell all your subscribers that too and yes you do great work 🥳 keep it up

  • @OnlinePrintFactory
    @OnlinePrintFactory Місяць тому

    Can you redesign my website?

  • @AbhinavJharockstar
    @AbhinavJharockstar Місяць тому

    grttt

  • @jean-sebastienvalderrama8404
    @jean-sebastienvalderrama8404 7 днів тому

    Just for your information, I tried to buy your development but never received the link. I tried to contact support on the platform, which is just awful. I have therefore requested a refund because this is really not serious

    • @MakeDreamWebsite
      @MakeDreamWebsite  7 днів тому

      Sorry for the technical issue. Can you please mention which template have you bought. I’ll send it to you manually to your email

    • @MakeDreamWebsite
      @MakeDreamWebsite  7 днів тому

      And also mention the email you have used during the purchase

  • @jawadwaheed8610
    @jawadwaheed8610 Місяць тому +1

    bro effect not working fine same like yours i completely follow your steps 🥲

    • @MakeDreamWebsite
      @MakeDreamWebsite  Місяць тому

      Can you please tell me about the issue what actually happened?

    • @jawadwaheed8610
      @jawadwaheed8610 Місяць тому

      ​@@MakeDreamWebsite i can,t explain here if u share any account like instgram or facebook where i send u the video