MobileSafariでCSS3を用いたアニメーションの回転について

Question

CSS3のtransformを使用して、回転のアニメーションを作っているのですがMobileSafariだけがうまく回転してくれません。
ソースは以下のように書きました。
どうすれば動くのか、なぜ動かないか教えてください。

/* CSS Document */
#animate {
	transform: rotate(0deg);
	animation: rotate 3s ease 0s infinite alternate;
}
 @keyframes rotate {
0% {
 transform:rotate(0deg);
}
100% {
 transform:rotate(360deg);
}
}
 @-webkit-keyframes rotate {
0% {
 -webkit-transform:rotate(0deg);
}
100% {
 -webkit-transform:rotate(360deg);
}
}

Answer 1

#animate {
transform: rotate(0deg);
animation: rotate 3s ease 0s infinite alternate;
-webkit-animation: rotate 3s ease 0s infinite alternate;
}

と一行追加してみると動作するかもしれません

Comments

[__MOX__]

動きました！
ありがとうございます！