0.0.2 • Published 5 years ago

movia v0.0.2

Weekly downloads
-
License
MIT
Repository
-
Last release
5 years ago

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

PropDefaultDescription
duration'1s'Length of time that an animation takes to complete one cycle.
delay'0s'When an animation starts. accepts negative values
iteration1The number of times an animation cycle should be played before stopping.
animateClass'animated'Main class name that triggers animation
name''The animation class name
visiblefalseSet if element starts visible or hidden