Can you change CSS3 animation keyframe attributes inline (i.e. in the HTML style attribute)?

Question

Is it possible to change the animation keyframe attributes by making inline adjustments.

Take for example

@-moz-keyframes slidein {
    from {
               


        

Answer 1

Here's a way to do this using CSS variables:

@keyframes slide {
  from {
    width: var(--from-width);
  }

  to {
    width:var(--to-width);
  }
}

That obviously won't work for all cases, but if you just need to customize some numbers in an existing set of keyframes, then it may work for you.