我的目的是讓一個元素旋轉(zhuǎn),以下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)} }
現(xiàn)象:
有圖片,但是是靜態(tài)的。
嘗試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>
現(xiàn)象 ,無圖片。
以上2種方法在IOS 微信中OK。