css - CSSO 打破 IE 的关键帧代码

Question

CSSO 生成 IE 无法处理的代码。

我的简单@keyframes代码：

@keyframes star-pulsing {
  0% {
    transform: scale(1);
    border: 2px solid @brand-primary;
  }
  20%, 40% {
    transform: scale(1.3);
    background-color: #FFFFFF;
    border: 2px solid @brand-primary;
    color: #b24700;
  }
  55% {
    transform: scale(1);
    background-color: #FFFFFF;
    border: 2px solid @brand-primary;
  }
  70% {
    background-color: #FFFFFF;
    border: 2px solid @brand-primary;
  }
  100% {
    color: #ff6600;
    background-color: #b24700;
    border: 2px solid @brand-primary;
  }
}

CSSO 正在努力变得聪明，并做出这样的事情：

@keyframes star-pulsing{
  0%{-webkit-transform:scale(1);transform:scale(1);border:2px solid #f60}
  20%,40%{-webkit-transform:scale(1.3);transform:scale(1.3);background-color:#fff;color:#b24700}
  20%,40%,55%{border:2px solid #f60}
  55%{-webkit-transform:scale(1);transform:scale(1)}
  55%,70%{background-color:#fff}
  70%,100%{border:2px solid #f60}100%{color:#f60;background-color:#b24700}

看来 IE 无法处理双帧定义；它忽略了缩放。

我该如何处理？