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();