css - 安卓机微信上的animation和svg的兼容处理
迷茫
迷茫 2017-04-18 09:44:21
0
0
656

我的目的是让一个元素旋转,以下2种尝试在安卓的微信浏览器中都有不兼容的问题,求解决思路。
尝试1: animation

#query .body .tip .loading{
  width: 70px;
  margin-top:39px;
  margin-bottom: 20px;
  -webkit-animation: rotate 1.0s linear infinite;
  animation: rotate 1.0s linear infinite;
}
@keyframes rotate{
  from{-webkit-transform:rotate(0deg)}
  to{-webkit-transform:rotate(360deg)}
}

现象:

有图片,但是是静态的。


尝试2: svg

<svg>
    <image class="loading" xlink:href="/image/loading.png" >
    <animateTransform attributeName="transform" 
                      attributeType="XML"
                      type="rotate" 
                      from="0 35 35" 
                      to=" 360 35 35" 
                      dur="2s"
                      repeatCount="indefinite"/>
    </image>
</svg> 

现象 ,无图片。

以上2种方法在IOS 微信中OK。

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!