前幾天,做了兩css3動畫,一個loading動畫,一個logo 動畫。
測試發(fā)現(xiàn)這兩動畫,在一臺神機(華為 G-L75 os :Android 4.3)上不動!
此機乃手機中的IE。當然移動端不能像pc 測瀏覽器版本,和種類就可以了。移動端還是設備有關系??偛荒芨鞣N設備來一臺,簡直要翔。
demo
<style type="text/css">
.div1{
width:200px;
height:200px;
position: relative;
}
.div1::before{
content:"1234";
position:absolute;
width:100%;
height:100%;
background:#f00;
-webkit-animation: test 2s linear 0s infinite;
animation: test 2s linear 0s infinite;
}
@-webkit-keyframes test {
0% { background:#f00; }
100% { background:#0f0; }
}
@keyframes test {
0% { background:#f00; }
100% { background:#0f0; }
}
</style>
<body>
<div class="div1"></div>
</body>

jdfw.gif
結果
此機型 不是不支持 動畫,而是 **不支持 偽元素 使用動畫 **,包括 transform 動畫。
補充

Paste_Image.png
caniuse 上邊 Android 4.4 以前的支持度是未知的。本人測試 加 -webkit- 之后是被支持的。