Create css keyframes
npm install create-keyframecreate-keyframe  
===============
> Create css keyframes
Inspired by this gist
``
$ npm install --save create-keyframe
`js
var createKeyframe = require('create-keyframe')
var fadeOutColor = createKeyframe({
0: {
color: 'rgba(0, 0, 0, 1)'
},
50: {
color: 'rgba(0, 0, 0, .25)',
fontSize: '24px',
'background-color': 'black'
},
100: {
color: 'rgba(0, 0, 0, 0)'
}
})
console.log(fadeOutColor)
// {name: 'cih3lymsf0000wly8uizhbo6d', css: '@keyframes cih3lymsf0000wly8uizhbo6d {...}'}
`
JavaScript animations with CSS performance using insert-css
`js
var createKeyframe = require('create-keyframe')
var insertCSS = require('insert-css')
var h = require('virtual-dom/h')
var fadeOutColor = createKeyframe({/ keyframe object /})
insertCSS(fadeOutColor.css)
h('label', {
style: {
animation: fadeOutColor.name + ' 1s'
}
}, 'Black to invisible text')
`
#### createKeyframe(keyframeObject[, identifier]) -> object
##### keyframeObject
Required
Type: object
An object representation of a keyframe list
##### identifier
Type: string
A keyframe identifier. create-keyframe will generate a cuid if no identifier` is specified
- @keyframes on MDN
- insert-css
- insert-styles
MIT