search

oku-ui / motion

Motion One for Vue is a 5kb animation library for Vue 3 and Nuxt 3. Built on Motion One, it's capable of springs, independent transforms, and hardware accelerated animations.
https://motion.oku-ui.com
MIT License
208 stars 5 forks source link

Question: How do use "inView"? #40

Closed Mat4m0 closed 3 days ago

Mat4m0 commented 8 months ago

Hello just a short question is it possible to use use "inView" from Motion One to have a reveal effect like here?

When yes how to do so, didn't find anything in the documentation.

Many thanks for all your effort, highly appreciated :)

YeSuX commented 7 months ago

We are currently developing some hooks, and the ”inView“ will be born in April.

lokesh commented 3 weeks ago

Example of using the in-view prop which isn't currently documented:

<Motion class="box"
      :initial="{ scale: 0.8 }"
      :in-view="{ scale: 1 }"
>
    In view
</Motion>