問題描述

demo

可以查看源代碼，代碼不多的，用手機和電腦瀏覽，注意那個充電頭的動畫

問題解答

我測試了一下，魅族note2上UC，火狐，chrome，魅族自帶瀏覽器均有動畫。只有手機Opera沒有動畫。lz可以試一下加上針對不同瀏覽器的css前綴補全。或者在meta里加上瀏覽器打開h5模式的標識。

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

-webkit-transition: all 5s linear 1s;transition: all 5s linear 1s;回答3：

在移動端要出發(fā) gpu 使用 css3的 3d效果 觸發(fā) 并且不要使用jquery等js的運動 性能會有明顯提升