Keyframes
keyframes is a utility JavaScript library for animation effect.
Introduction
Installation
Yarn
yarn add @pluginjs/keyframesNPM
npm i @pluginjs/keyframesGetting 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 purchase@thecreation.co.
Copyright
Copyright (C) 2022 Creation Studio Limited.