css3 - iphone6 plus 微信瀏覽器下transition動畫無效求破
問題描述
iphone6 plus 微信瀏覽器下transition動畫無效但在safari下是ok的，什么原因
opacity: 0; background-color: #378ef1; transform: translateY(100%); -webkit-transform: translateY(100%); transition-property: transform, opacity, -webkit-transform; -webkit-transition-property: transform, opacity, -webkit-transform; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
active
transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;
問題解答
回答1：不貼代碼，怎么破？
回答2：css 前綴呢？ 寫了？
回答3：微信用的是QQ瀏覽器的“X5 內(nèi)核”， 需要添加-webkit-transition才能支持過渡。
回答4：遇到了相同問題。添加webkit前綴仍然解決不了其他測試機包括iphone 6均可以，我記得的6s plus不行
更新：緩存問題，經(jīng)驗證加前綴可以解決
回答5：是opacity的問題 去掉就好用了
回答6：不知道你是不是跟我發(fā)生了同樣的錯誤~調(diào)用動畫的代碼請請放在window.onload = function(){}方法內(nèi)~~
相關(guān)文章：
1. docker鏡像push報錯2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. html5 - datatables 加載不出來數(shù)據(jù)。4. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題5. node.js - mongodb查找子對象的名稱為某個值的對象的方法6. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？7. 運行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤？8. html5和Flash對抗是什么情況？9. 測試自動化html元素選擇器元素ID或DataAttribute [關(guān)閉]10. 前端 - @media query 使用出現(xiàn)的問題？
網(wǎng)公網(wǎng)安備