css-keyframes-animation


Generate @keyframes rule specifies the animation code

If you want to generate CSS keyframes animation, like so:

``
@keyframes myAnimation {
0% {
transform: translateX(0)
}
100% {
transform: translateX(100px)
}
}
`

You have to do this:

`
const animation = new CssKeyframesAnimation({
0: {
transform: translateX(0)
},
100: {
transform: translateX(100px)
}
}, 'myAnimation');

animation.generateKeyframesAnimation();

``