v-animate-onscroll v1.0.1

vue-animate-onscroll

intersectionObserver版本

使用

ps: 强烈建议搭配 animate.css 实现更好的效果

npm i v-animate-onscoll -S

import { createApp } from 'vue'
import VueAnimateOnScroll from 'v-animate-onscroll'

import App from '@/App.vue'

const app = createApp(App)

app.use(VueAnimateOnScroll)
app.mount('#app')

// 两个类名将在元素展示时加上
<div v-animate-onscroll="'animate__animated animate__fadeInUp'">
  <h1 class="font-segoe-lb text-center text-5xl">
  </h1>
</div>