Movia

Declarative Vue.js animations library

Available Components

• Animation
• Parallax

Getting started

Installation

First step is to install it using yarn or npm:

npm install movia

# or use yarn
yarn add movia

Install Plug-in

import Vue from 'vue';
import { install as Movia } from '../dist/movia';

Vue.use(Movia);

Animation Component

<Animation name="flash" :iteration="3" delay="1s" class="custom-class">
  <img alt="Test image" src="https://source.unsplash.com/random/200x200">
</Animation>

note: you can add start classes to Animation element, all classes will be removed when animation ends'

Available Props

|Prop |Default|Description| |--------------|-------|-----------| |duration |'1s' |Length of time that an animation takes to complete one cycle.| |delay |'0s' |When an animation starts. accepts negative values | |iteration |1 |The number of times an animation cycle should be played before stopping.| |animateClass|'animated'|Main class name that triggers animation| |name |'' |The animation class name| |visible |false |Set if element starts visible or hidden|