css - ブラーとトランスフォームを一緒にアニメートできない

Question

このコードを使用すると

@-webkit-keyframes blurMe{
  0% {
    -webkit-filter: blur(5px);
  }

  100% {
    -webkit-filter: blur(0px);
  }
}

それが動作します。しかし、これを追加すると：

0% {
  -webkit-filter: blur(5px);
  -webkit-transform: scale(4,4);
}

100% {
  -webkit-filter: blur(0px);
  -webkit-transform: scale(1,1);
}

このキーフレームを使用する要素は、スケール (4 から 2) のみを表示し、ぼかしは常に 4px です。つまり、100% を取得して-webkit-filter: blur(0px)も機能しませんでした。なんで？ (Chrome を使用) .