Keyframes

keyframes is a utility JavaScript library for animation effect.

Introduction

Installation

Yarn

yarn add @pluginjs/keyframes

NPM

npm i @pluginjs/keyframes

Getting Started

CDN:

Development:

<script src="https://unpkg.com/@pluginjs/keyframes/dist/keyframes.js"></script>

Production:

<script src="https://unpkg.com/@pluginjs/keyframes/dist/keyframes.min.js"></script>

API

• bounce
• bounceIn
• bounceOut
• bounceInDown
• bounceOutDown
• bounceInUp
• bounceOutUp
• bounceInLeft
• bounceOutLeft
• bounceInRight
• bounceOutRight
• flip
• flipInX
• flipOutX
• flipInY
• flipOutY
• flash
• pulse
• rubberBand
• lightSpeedInRight
• lightSpeedOutRight
• lightSpeedInLeft
• lightSpeedOutLeft
• shake
• swing
• tada
• wobble
• fadeIn
• fadeOut
• fadeInDown
• fadeOutDown
• fadeOutUp
• fadeOutUpBig
• fadeInUp
• fadeInDownBig
• fadeOutDownBig
• fadeInUpBig
• fadeInRightBig
• fadeOutLeftBig
• fadeInLeft
• fadeInLeftBig
• fadeInRight
• fadeOutLeft
• fadeOutRight
• fadeOutRightBig
• rollIn
• rollOut
• zoomIn
• zoomOutDown
• zoomOutUp
• zoomOutRight
• zoomOutLeft
• zoomInDown
• zoomInLeft
• zoomInRight
• zoomInUp
• zoomOut
• rotateIn
• rotateInDownLeft
• rotateInDownRight
• rotateInUpLeft
• rotateInUpRight
• rotateOutDownLeft
• rotateOutDownRight
• rotateOutUpLeft
• rotateOutUpRight
• rotateOut

Browser support

Tested on all major browsers.

| IE / Edge | Firefox | Chrome | Safari | Opera | | --------- | --------- | --------- | --------- | --------- | | IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions|

License

@pluginjs/keyframes is Licensed under the GPL-v3 license.

If you want to use @pluginjs/keyframes project to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary.

For purchase an Commercial License, contact us [email protected].

Copyright

Copyright (C) 2022 Creation Studio Limited.