CSS3 Animate 動畫手機不顯示及其原因

我現在就給你。

您好，這個問題應該是由 CSS 相容性問題引起的。

目前大多數移動瀏覽器不支援 animation 屬性，而是支援 -webkit-animation（如字首）屬性，如下所示：

僅設定了 IH，動畫：IH 2s; 並且沒有編寫相容的 -webkit-animation：

ih 2s;因此，動畫不會在移動瀏覽器中移動。 您可以嘗試將上述**更改為：

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

1.最好新增瀏覽器相容性字首 Your**transition： all 5s linear 1s; 如果你使用的是帶有 webkit 核心的瀏覽器，最好是這樣寫的：

webkit-transition: all 5s linear 1s;

transition: all 5s linear 1s;

2. UC、Firefox、Chrome、魅族 Meizu Note2 自帶動畫瀏覽器。 只有移動歌劇沒有動畫。 您可以嘗試為不同的瀏覽器新增 CSS 字首補全。

或者新增瀏覽器的logo，在meta中開啟h5模式。

這個動畫是典型的CSS3屬性，最大的問題就是瀏覽器受限了，比如IE10之前的瀏覽器就沒有效果了，而且因為win7這樣的系統IE版本最高是IE9，而且是無法公升級的，所以CSS3想要完整展示就只能使用win10系統。這似乎與你說的沒有任何關係。 其實問題就在這裡，可能是你的Android系統不支援，簡單看一下你的**，是簡單的位移，沒有具體的測試，而且還有透明怎麼0，這個CSS3屬性不起作用，這種簡單的效果，換成其他屬性。

你隨著高度上下移動，控制高度由大到小，反之，這就是一條直線上的上下效果，如果你是斜著走的，只要配合點js來控制高度寬度的移動量，就是這樣，就不用掛在這個anma屬性上了。

把這兩部手機快遞給我，我幫你測試解決，如果可以的話，把發票一起寄過來，還別忘了充電器:)

這是由於 CSS 相容性問題，大多數移動瀏覽器不支援動畫，而是支援 -webkit-animation。

僅設定，動畫：IH 2s; 無需編寫相容的 -webkit-animation： ih 2s; 因此，動畫不會在移動瀏覽器中移動。

您可以將 ** 更改為 ：

我也遇到過同樣的問題，用css3寫了乙個360度旋轉的動畫效果**，瀏覽器支援它，對手機頁面沒有效果，就是你的問題解決了。

@-webkit-keyframes title25%50%

這個支援Android，你寫對了。

新增了較少的動畫。

例如：鉸鏈

Plus Infinite 可以無限迴圈。

hinge

我試過了，手機的寬度必須在 619 以內，所以 @media 中的內容樣式（max-width：619px ）} 絕對有效。

應該使用 @media screen 和 （max-device-width：619px），max-device-width 表示螢幕解像度，max-width 表示螢幕畫素，有些人說用於瀏覽器大小。

你寫錯了。

手機瀏覽器本身不受支援（現在智慧型手機上不太可能支援）。

沒有瀏覽器字首。

手機支援CSS3動畫，可能是有些瀏覽器需要寫字首。

不要使用 jquery，不要使用 $（）animate（）。

使用 CSS3 的過渡轉換