Vue Aos

Vue AOS

A Vue component to add Animation on scroll to a Vue component or HTML element.

Scroll down

Use with Animatecss Effect

{{item.class}} threshold: {{item.threshold}}

Use with Magic Effect

{{item.class}} threshold: {{item.threshold}}

Use with css variable --isIntersecting with selector. I use v-vue-aos="{selector: 'li'}" in ul html element

transition: transform 0.5s ease-in-out;
transform: scale(calc(0.25 + (var(--isIntersecting, 1) * 0.75)));