Animate an Element on Scroll in 4 Minutes?

[@iamthe_OBSERVER]

You sir… are my Second savior in life. If not for you I wouldn’t have landed my job. For that I thank you. Any way I can show further appreciation?😳✨ love from Ghana 🇬🇭

[@leonardodesouza659]

This is incredible. The video is perfect. You made the exact thing I was searching for. Congrats, keep up the great content.

[@RodrigoDAgostino]

Glad to see you back! I was missing you, mate :)

[@LearnVue]

glad to see youre still around :)

[@RodrigoDAgostino]

@@LearnVue I get quite anxious every time I get a notification from a new video from your channel, there’s no way I would miss them. You’ve got an unconditional follower here :)

[@mamdouhzaq]

Thank you for your helpful content

[@LearnVue]

you got it!

[@samuelnmeje]

I missed you,
Hope you doing great
Glad to see your new video.
Thank you so much.
Remain awesome

[@LearnVue]

this means so much 💚

[@yusha790]

hello i faced one problem while using this animations that is when i refresh the page my target element which is already visible disapears from the page

[@cicellion718]

i got this problem too, did you already found the solution?

[@cicellion718]

Hello I'm here again, I found the solution and I feel I need to share with you. Actually its not really solution, just "another way out".
Basically I made my web scroll to top, and then back to saved position after refresh the web page.
Thank you, have nice day!

[@zainmalik2812.]

Point to point concept is cleared

[@SG-br9vj]

Another useful video, thank you! ☺

[@ariel.office]

Thank you very much for this very intuitive tutorial. I would like to know how to apply the elements only when all or half of your element size can be visible.

[@alexandros-markovits]

Great tutorial, thank you!

[@JaimitoAleman]

Another brilliant article.

[@ColinRichardson]

My favorite is #4.. because if you have a component that already has some props called "initial" you are not stomping all over them with v-motion.

[@itsmnthn]

Great one buddy. Liked your videos

[@rainbowwizard8913]

It's nice this easy implementation made for Vue, but GSAP looks a better solution

[@dbroche]

GSAP’s documentation is kind of bleagh

[@iyolimlimgo8822]

does this work in foreach ?

[@tohirjonmominov9910]

Thank you. I have a question. How to slow down?

[@vicsystems]

So cute, been looking for this.

[@roynygaard]

Super helpful! I cannot for the life of my get it to work tho. I'm never prompted with anything using v-motion, i tried doing it both globally and on each component..

[@LearnVue]

do you have code you can share? i'd love to help

[@roynygaard]

@@LearnVue thanks for The Swift reply! I Got it working, my intellisense/vscode however wont give me any suggestions when using v-motion which is rather annoying since i have to find all snippets manualy from The documentation.. Got any ideas?

[@ferdisishere]

Bros a actual Savior

[@alnivcasts5019]

not working on nuxtjs

[@garryparker4753]

very usefull video

[@myomyintaung1516]

how to create sequential animation entrances one by one with this package

[@LearnVue]

maybe try playing around with the delay property for each element

[@myomyintaung1516]

@@LearnVue hello i have crated by v-motion :initial="{opacity:0,y:300}"
:enter="{opacity:1,y:0,transition:{duration:4000}}" but it is not working everytime on scroll(only work at once)

[@LearnVue]

@@myomyintaung1516 try `visible` instead of `enter`

[@ahmedallawi8638]

@@LearnVue how can I add backdrop-filter with blur property

[@artemkomarov9902]

can't install it in Nuxt 3 😮‍💨

[@sebastiankendra2387]

visible-once not working for me soo cool this tool

[@sebastiankendra2387]

aa yea directive is visibleOnce camelcase

[@mrrolandlawrence]

a very handle little lib.

[@auguststas7770]

Finally i am making a website with vue