@deveodk/vue-animate
v1.0.1
Published
Vue-animate provides an easy way to use beautiful animations for your page. Ideal for hero style landing pages
Downloads
6
Maintainers
Readme
@deveodk/vue-animate
Vue-animate provides an easy way to use beautiful animations for your page. Ideal for hero style landing pages
Demo
See a functioning demo deveo demo site
Installation
npm install --save @deveodk/vue-animate
Bundler (Webpack, Rollup)
import Vue from 'vue'
import vueAnimate from '@deveodk/vue-animate'
// You need a specific loader for CSS files like https://github.com/webpack/css-loader
import '@deveodk/vue-animate/dist/@deveodk/vue-animate.css'
Vue.use(vueAnimate)
Browser
<!-- From CDN -->
<link rel="stylesheet" href="https://unpkg.com/@deveodk/vue-animate/dist/@deveodk/vue-animate.css"></link>
<script src="https://unpkg.com/@deveodk/vue-animate"></script>
Usage
There are currently four available animations
# Abstract can accept the reactive params speed and fraction
<abstract-hue></abstract-hue>
<abstract-saturation></abstract-saturation>
<ring-blue></ring-blue>
<ring-green></ring-green>