This is a Vue.js directive used to animate elements on scroll using Animate.css animations.
# Yarn
$ yarn add vue-animate-onscroll
# NPM
$ npm install vue-animate-onscroll --save
import VueAnimateOnScroll from 'vue-animate-onscroll'
Vue.use(VueAnimateOnScroll)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[[email protected]](/cdn-cgi/l/email-protection)/animate.min.css" />
<div v-animate-onscroll="'animated flash'">
Animate me
</div>
<div v-animate-onscroll.repeat="'animated flash'">
Animate me
</div>
<div v-animate-onscroll="{down: 'animated flash', up: 'animated rotateOut' }">
Animate me
</div>
Author: vycoder
Live Demo: https://vue-animate-onscroll.netlify.com/
Download Link: https://github.com/vycoder/vue-animate-onscroll/archive/master.zip
Official Website: https://github.com/vycoder/vue-animate-onscroll
#vuejs #javascript #vue-js