Create a CSS keyframe animation in JavaScript
npm install create-keyframes> Create a CSS keyframe animation in JavaScript
``
$ npm install --save create-keyframes
`js
var Keyframes = require('create-keyframes')
var animation = Keyframes({
0: {
top: 0
},
100: top: 10
})
element.style.animation = animation + ' 1s'
`
Creates a normal declaration and @-webkit-keyframe.
#### Keyframes(data) -> string
Returns the keyframe name. Caches the name so the same value will be returned for any future call with the same data.
##### data
Required
Type: object
Keyframe animation data. Can be {from, to} or percentages ({0, 25, 100}). The CSS for each frame may be provided in camel case, e.g. {fontSize: '12px'`.
MIT © Ben Drucker