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

Поділитися
Вставка
  • Опубліковано 16 січ 2025

КОМЕНТАРІ • 130

  • @jimfahaddigital
    @jimfahaddigital 4 місяці тому +13

    You rock bro!!

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

      Thank you brother😇😇

    • @dev.yriyad
      @dev.yriyad 2 місяці тому +1

      Two rock from Bangladesh ❤❤❤❤❤❤

  • @berkezor
    @berkezor 3 місяці тому +2

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

  • @mojoro24
    @mojoro24 4 місяці тому +3

    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  4 місяці тому +1

      Thanks! Happy to help you!

    • @mojoro24
      @mojoro24 4 місяці тому +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  4 місяці тому +1

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

  • @uzydkownik6018
    @uzydkownik6018 3 місяці тому

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

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

    when it come to animations, you are the best, thank you for this content

  • @PassionN-o6m
    @PassionN-o6m 2 місяці тому

    Such a good Teacher and complete hold on absolute knowledge

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

    Bro you are the BEST!

  • @Wares_hashimi
    @Wares_hashimi 4 місяці тому

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

  • @thedude9098
    @thedude9098 4 місяці тому

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

  • @mrinalkanti0
    @mrinalkanti0 4 місяці тому

    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 3 місяці тому

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

  • @BeMasterWP
    @BeMasterWP 4 місяці тому

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

  • @nabilakhondaker328
    @nabilakhondaker328 4 місяці тому

    Amazing!! 😍

  • @imasuudWebDev
    @imasuudWebDev 4 місяці тому

    Cool bro.. I will take this template also

  • @A.A.A.75
    @A.A.A.75 Місяць тому +1

    is it work on localhost?

  • @PassionN-o6m
    @PassionN-o6m 2 місяці тому

    LOve you Bro 💗💗

  • @sebastianmontenegro2583
    @sebastianmontenegro2583 3 місяці тому

    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.

  • @thewebstylist
    @thewebstylist 4 місяці тому

    Luv this!

  • @Maggieiaconeta
    @Maggieiaconeta 2 місяці тому

    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

  • @A.A.A.75
    @A.A.A.75 Місяць тому +1

    it's can't working properly after doing everything it's only shows just text area only.
    I run it on localhost XAMPP.

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

      After making your live if the issue still exists you can let me know

    • @A.A.A.75
      @A.A.A.75 Місяць тому

      @MakeDreamWebsite Ok sir,

  • @AnnaS-y7w
    @AnnaS-y7w Місяць тому

    Hello, I have a problem with your lesson.
    Header #1, which should be fixed at the top when scrolling, continues to scroll down the site instead of staying fixed.
    Could you please advise on how to fix this? Thank you in advance.🙏

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

    Sir wo dusre section effects ko kaise kare

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

    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

  • @decrea8439
    @decrea8439 4 місяці тому

    awesomee videoo, pls do tutorials about barba.js

  • @ecomebusiness8225
    @ecomebusiness8225 3 місяці тому

    Does it work for video too?

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 місяці тому

      No, it’s for image only…

    • @ecomebusiness8225
      @ecomebusiness8225 3 місяці тому

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

  • @MuhammadShazAhsan
    @MuhammadShazAhsan 2 місяці тому

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

  • @aminvalipoor2061
    @aminvalipoor2061 4 місяці тому

    nice

  • @jerryf9329
    @jerryf9329 4 місяці тому

    Can you do this in bricks also?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 місяці тому +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 4 місяці тому

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

  • @Juanrivaspereira
    @Juanrivaspereira 3 місяці тому

    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  3 місяці тому

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

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

    how the way i make this by my svg file for the masking?

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

      Custom svg file is not supported with this method

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

    its not work for my site and hidden images and heading just show text its can possible becouse im work in localhost ?

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

      I think so… if the issue persist even after make your website live you can let me know

  • @rasgsg3999
    @rasgsg3999 3 місяці тому

    Awesome you ruleeee¡¡

  • @abdullahshah2258
    @abdullahshah2258 2 місяці тому

    how to do this on sections not on container of elementor

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

      I have added all of their section/column version with the ready template.

  • @PassionN-o6m
    @PassionN-o6m 2 місяці тому

    I fellow you steps but my image is not clear, blurry pic show any guide ?/

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

      Set the image resolution full. Also try to upload a good quality image as well.

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

    hello, thanks for your creativity. You say the code is customizable. But if the title has a gradient texture, the title does not appear in the beginning on firefox (tested on last version on win8 and win10). it reappear in the end. very strange. i try to resolve it with visibility=visible;display=block;opacity=1; etc... i can't display the title at the beginning. i suspect it is because the transparency in the code of the gradient :
    background: linear-gradient(90deg, #ff5733, #ffc300, #28a745, #007bff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; /* For non-webkit browsers */
    text-fill-color: transparent
    but on chrome and ie, it works. i do not know if i need modify the code gradient css or if i need modify your code (in this case, i give up)

  • @glassinocean
    @glassinocean 3 місяці тому

    Why you don't use GSAP? BRO

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 місяці тому +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 3 місяці тому +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  3 місяці тому +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.

  • @arolathesar4431
    @arolathesar4431 2 місяці тому

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

  • @manavmahendru198
    @manavmahendru198 2 місяці тому

    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

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

      Can you please do all the process carefully?

    • @manavmahendru198
      @manavmahendru198 2 місяці тому

      @@MakeDreamWebsite yes I have done the same thing thrice but the result is still the same

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

      Can you please email me…

    • @manavmahendru198
      @manavmahendru198 2 місяці тому

      @@MakeDreamWebsite may I know your email?

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

      it’s contact@makedreamwebsite.com

  • @chinnarock999
    @chinnarock999 4 місяці тому

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

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 місяці тому

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

  • @alfonspeu4449
    @alfonspeu4449 3 місяці тому

    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

  • @captainiglu9558
    @captainiglu9558 3 місяці тому

    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  3 місяці тому

      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 3 місяці тому

      @@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  3 місяці тому

      @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 3 місяці тому

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

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 місяці тому

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

  • @phuminan6411
    @phuminan6411 3 місяці тому

    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  3 місяці тому

      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...

  • @bebuulab1054
    @bebuulab1054 2 місяці тому

    hey can you make a video showing the settings specially for us that are buying from your templates i guess you should have a proper video if someone encountered an error like for me I have a new wordpress and i bought a template from you then its not working maybe you can point out what settings we can set before importing the template that we bought from you

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

      You don’t need any settings. It works with the default settings. Can you please email me so I can figure out the issue?

    • @bebuulab1054
      @bebuulab1054 2 місяці тому +1

      @@MakeDreamWebsite Hey glad you saw my comment, I have it figured out man really thanks! keep up for more videos

    • @bebuulab1054
      @bebuulab1054 2 місяці тому

      I've sent you an email man hope you could notice thanks!

  • @WDMakaruk
    @WDMakaruk 3 місяці тому

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

    Sir I have tried but not see any effect

  • @navardalum
    @navardalum 3 місяці тому

    i done it with your explanation but it dosent work friend

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 місяці тому

      Can you please double check every steps carefully

  • @akonnaayaab
    @akonnaayaab 2 місяці тому +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  2 місяці тому

      Okay! I’ll check and resolve it soon!

    • @akonnaayaab
      @akonnaayaab 2 місяці тому

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

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

      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 2 місяці тому +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 3 місяці тому

    Can you redesign my website?

  • @EjenSky-z9p
    @EjenSky-z9p 2 місяці тому

    your template cannot be imported to wordpress!

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

      I think you're trying to import it as a theme. You need to import it as a template. For more you can follow the PDF file instruction or you can email me.

  • @SubrotoKumarBasakShawon
    @SubrotoKumarBasakShawon 2 місяці тому

    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

  • @hamzahashim7846
    @hamzahashim7846 3 місяці тому

    @wpAcademy Asa content bnay Please

  • @AbhinavJharockstar
    @AbhinavJharockstar 4 місяці тому

    grttt

  • @loop8109
    @loop8109 25 днів тому

    i have followed and tried. but the effect is not working. i have debugged and wasted several hours. your code sucks really. waste of time. peoples don't waste time using this effect.

  • @jean-sebastienvalderrama8404
    @jean-sebastienvalderrama8404 2 місяці тому

    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  2 місяці тому

      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  2 місяці тому

      And also mention the email you have used during the purchase

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

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

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 місяці тому

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

    • @jawadwaheed8610
      @jawadwaheed8610 3 місяці тому

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

    • @learn_english3430
      @learn_english3430 12 днів тому

      ​@@MakeDreamWebsite Most people's only shows the text editor🙂