手機css3動畫不執行的原因是什麼

1樓：之何勿思

可能是源**問題，可以檢視源**，**不多的，用手機和電腦瀏覽，注意那個充電頭的動畫。

1、最好加上瀏覽器相容字首你的**transition: all 5s linear 1s; ，如果你是用在webkit核心的瀏覽器，最好這樣寫：

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

transition: all 5s linear 1s;

2、魅族note2上uc，火狐，chrome，魅族自帶瀏覽器均有動畫。只有手機opera沒有動畫。可以試一下加上針對不同瀏覽器的css字首補全。

或者在meta裡加上瀏覽器開啟h5模式的標識。

2樓：收穫意外的驚喜

是css相容性問題導致的，目前絕大部分移動瀏覽器還不支援animation這個屬性，而是支援-webkit-animation（這類加字首的）屬性。

123.ih

只設定了，animation: ih 2s; 而沒有寫相容的 -webkit-animation: ih 2s;所以動畫在移動瀏覽器中就不動了。

可以將**改為：

1234567.ih

用css3動畫為什麼不動那

3樓：

動畫和函式一樣

都要選建立再呼叫，不呼叫不執行

多看看css3手冊，沒什麼好說的

4樓：灬大飛龍

學藝不精，再多看看吧

5樓：批發豌豆顛顛

**呢，你也是比較贊

css3動畫為什麼就是不動

6樓：

你的css3是假的啊你是不是沒有充值？沖個svip就好了

7樓：匿名使用者

把你**貼出來啊沒有**怎麼幫你

css3動畫在移動端uc瀏覽器中不能動怎麼辦

8樓：孩兒該長大了

這個應該是因為uc瀏覽器不相容你用的這個動畫控制項，所以導致css3動畫在移動端uc瀏覽器中不能動的，現在的uc瀏覽器確實是不怎麼好使用，有很多的控制項他都不怎麼相容，這回導致很多的東西不能再uc上使用，你也可以選擇一款其他的瀏覽器啊，逼近現在的瀏覽器有很多中午，而且做的好的也喲很多，

9樓：uc姐

親，uc姐來了！

給您的體驗帶來不便還請您諒解。

關於您反饋的問題，請問您的裝置是什麼系統呢？目前使用的uc瀏覽器是哪個版本呢？還請您能否具體說明哦，以便為您跟進核實哦。

如果仍有問題，歡迎再次召喚！

10樓：匿名使用者

你好，這個應該是因為uc瀏覽器不相容你用的這個動畫控制項所以導致css3動畫在移動端uc瀏覽器中不能動，你可以去公升級一下uc瀏覽器提公升相容性或者直接換個瀏覽器uc瀏覽器的相容性一直都不怎麼樣，要我來說，你還是直接去換個瀏覽器使用比較實在。

為什麼我給乙個div加上css3動畫後，在手機上執行很卡?

11樓：匿名使用者

就是手機的問題，4核+1g又不代表會絕對快

12樓：匿名使用者

個人覺得可能是瀏覽器問題，你可以換乙個試試，既然是webkit核心，那麼建議使用chrome測試。