csjs icon indicating copy to clipboard operation
csjs copied to clipboard

Scoped multi-valued animations

Open msn0 opened this issue 8 years ago • 0 comments

Hi, I have a problem with scoped, multi-valued animations. Looks like it doesn't work as expected for me. For example the following code

  .foo {
    animation: keyframe-1 1s ease-in-out, keyframe-2 .5s linear;
  }
  
  .bar {
    animation-name: keyframe-1, keyframe-2;
  }
  
  @keyframes keyframe-1 {}
  @keyframes keyframe-2 {}

will result in

.foo_4y20Hz {
  animation: keyframe-1 1s ease-in-out, keyframe-2_4y20Hz .5s linear;
}
.bar_4y20Hz {
  animation-name: keyframe-1, keyframe-2_4y20Hz;
}
@keyframes keyframe-1_4y20Hz {}
@keyframes keyframe-2_4y20Hz {}

Only the last animation-name is prefixed within a declaration value.

msn0 avatar Dec 30 '16 21:12 msn0