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

Поделиться
HTML-код
  • Опубликовано: 19 янв 2025

Комментарии • 133

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

  • @gymrat2403
    @gymrat2403 10 дней назад

    Bro you are the BEST!

  • @PassionN-o6m
    @PassionN-o6m 2 месяца назад

    Such a good Teacher and complete hold on absolute knowledge

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

  • @thedude9098
    @thedude9098 4 месяца назад

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

  • @Wares_hashimi
    @Wares_hashimi 4 месяца назад

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

  • @BeMasterWP
    @BeMasterWP 4 месяца назад

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

  • @nabilakhondaker328
    @nabilakhondaker328 4 месяца назад

    Amazing!! 😍

  • @thewebstylist
    @thewebstylist 4 месяца назад

    Luv this!

  • @yolla_kawatu
    @yolla_kawatu 4 месяца назад

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

  • @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,

  • @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?

  • @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.🙏

  • @rasgsg3999
    @rasgsg3999 3 месяца назад

    Awesome you ruleeee¡¡

  • @arsalanshaikh8303
    @arsalanshaikh8303 Месяц назад

    Sir wo dusre section effects ko kaise kare

  • @PassionN-o6m
    @PassionN-o6m 2 месяца назад

    LOve you Bro 💗💗

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

  • @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)

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

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

  • @myties4832
    @myties4832 День назад

    Image resolution has reduced after using the code. How to fix it?

  • @MuhammadShazAhsan
    @MuhammadShazAhsan 2 месяца назад

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

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

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

  • @aminvalipoor2061
    @aminvalipoor2061 4 месяца назад

    nice

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

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

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

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

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

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

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

  • @decrea8439
    @decrea8439 4 месяца назад

    awesomee videoo, pls do tutorials about barba.js

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

  • @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?

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

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

  • @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:
      ruclips.net/video/dLcEPG3kVdU/видео.html

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

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

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

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

  • @WDMakaruk
    @WDMakaruk 3 месяца назад

  • @hamzahashim7846
    @hamzahashim7846 4 месяца назад

    @wpAcademy Asa content bnay Please

  • @OnlinePrintFactory
    @OnlinePrintFactory 3 месяца назад

    Can you redesign my website?

  • @AbhinavJharockstar
    @AbhinavJharockstar 4 месяца назад

    grttt

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

  • @loop8109
    @loop8109 28 дней назад

    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.

  • @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 15 дней назад

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