html - 电脑css3动画可以执行，手机基本不行，为什么，求救

Question

demo

可以查看源代码，代码不多的，用手机和电脑浏览，注意那个充电头的动画

Answer 1

我測試了一下，
魅族note2上UC，火狐，chrome，魅族自備瀏覽器都有動畫。
只有手機Opera沒有動畫。
lz可以試試看加上不同瀏覽器的css前綴補全。
或是在meta裡加上瀏覽器開啟h5模式的識別。

Answer 2

最好加上瀏覽器相容前綴 你的程式碼transition: all 5s linear 1s; ，如果你是用在webkit核心的瀏覽器，最好這樣寫

-webkit-transition: all 5s linear 1s;
transition: all 5s linear 1s;

Answer 3

在行動端要出發 gpu 使用 css3的 3d效果 觸發 並且不要使用jquery等js的運動 性能會有明顯提升