Unoptimised @keyframes generation

[BorderlessNomad]

@keyframes stretchdelay {
  0%, 40%, 100% { transform: scaleY(0.4) }  
  20% { transform: scaleY(1.0) }
}

Should be generating,

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1.0);
  }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1.0);
  }
}

However at the moment it generates,

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1.0);
    transform: scaleY(1.0);
  }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1.0);
    transform: scaleY(1.0);
  }
}

Since @-webkit-keyframes stretchdelay will not be considered in ordinary case; having transform: scaleY(0.4); is clearly redundant.

[ai]

This question is relevant to Autoprefixer. But this is rational decision in Autoprefixer, because -webkit-transform can be remove from Chrome before that @-webkit-keyframes.

[ianstormtaylor]

Thanks @ai!