ios8でcssのanimatinにベンダープレフィックスをつけても、動きません。

Question

ios8でcssのanimationのscaleにベンダープレフィックスをつけても、動きませんでした。
他に方法などはありますでしょうか？

Comments

[kei344]

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況を質問文に追記ください。

Answer 1

実際のコードがわからないのでなんとも言えませんが。
CSS animationはiOS safariだと10.2以降からが対応になります。
これはiOSのバージョンではなくブラウザのバージョンなので確認してみてください。

10.2以降でしたらcssのコードに問題があると思いますので、cssを記載してみてください。

http://caniuse.com/#search=animation

Comments

[退会済みユーザー]

てっきりiOSのバージョンだと思ってました。
iOSのバージョンが古いと動かないということはないということでしょうか？

[Higemura]

失礼しました。
上記の書き方だとブラウザのバージョンの依存だけみたいな表記になってしまいましたね、、、
もちろんiOS8の影響もあります。

ですが8B8さんが書いたcssコードの表記がなかったため、原因確認のため記述しました！

animationプロパティに-webkit-をつけても、transformプロパティにもつけないと動かないと思います。
勝手にcssコード記述したので参考にしてみてください！
#scaleBox {
-webkit-animation: scale 1s ease; /* iOS8以下やAndroid4.4.4以下対応時のみ */
animation: scale 1s ease;
}

@-webkit-keyframes scale { /* iOS8以下やAndroid4.4.4以下対応時のみ */
0% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(2);}
}

@keyframes scale { /*ベンダーフリックスなし */
0% {transform: scale(1);}
100% {transform: scale(2);}
}

[退会済みユーザー]

コードを載せておりませんでした。申し訳ありません。

理解できました。
ご丁寧にありがとうございます！

[Higemura]

はいー、何かありましたら何なりと！