css3 - iphone6 plus 微信瀏覽器下transition動(dòng)畫無效求破
問題描述
iphone6 plus 微信瀏覽器下transition動(dòng)畫無效但在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前綴仍然解決不了其他測(cè)試機(jī)包括iphone 6均可以，我記得的6s plus不行
更新：緩存問題，經(jīng)驗(yàn)證加前綴可以解決
回答5：是opacity的問題 去掉就好用了
回答6：不知道你是不是跟我發(fā)生了同樣的錯(cuò)誤~調(diào)用動(dòng)畫的代碼請(qǐng)請(qǐng)放在window.onload = function(){}方法內(nèi)~~
相關(guān)文章：
1. python - 我在使用pip install -r requirements.txt下載時(shí)，為什么部分能下載，部分不能下載2. mysql - 分庫(kù)分表、分區(qū)、讀寫分離 這些都是用在什么場(chǎng)景下 ，會(huì)帶來哪些效率或者其他方面的好處3. node.js - nodejs開發(fā)中常用的連接mysql的庫(kù)4. 網(wǎng)頁(yè)爬蟲 - python 爬取網(wǎng)站 并解析非json內(nèi)容5. mysql - jdbc的問題6. Python爬蟲如何爬取span和span中間的內(nèi)容并分別存入字典里？7. 視頻文件不能播放，怎么辦？8. mysql - 如何減少使用或者不用LEFT JOIN查詢？9. python - 編碼問題求助10. linux - python 抓取公眾號(hào)文章遇到驗(yàn)證問題
網(wǎng)公網(wǎng)安備