CSSのkeyframesの中に、 @keyframes name { 0% {transform: translateY(0); } 100% {transform: translateX(200%);} } みたいに translateに%で指定を入れると、iPhoneで見たときに動かない場合があるんですが、これって解決法ありますか? ちなみに、 translate以外の指定を入れる→それは動いてる%じゃなくてpxで指定する→動く何度もリロードする→たまに動く動かない状態でSafariからホームに戻る、その後もう一度Safariに戻る→動いてる(!)Chromeで確認→動かないドルフィンで確認→動かないEvernoteのブラウザ表示で確認→動かないPuffinで確認→動く(!)Android機(ブラウザ)で確認→そもそもkeyframesがしんでいたタブレットは未確認お手上げですわ……
![Safari animation keyframes transform translate アニメーションされないバグ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e858979e75320629d85bbc7f90bd402b352bd601/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Farchive_static%2Fimage%2Fweb%2Fog-image.png)