文章詳情頁
關(guān)于css3兼容safari的問題
瀏覽：136日期：2023-07-11 15:17:09
問題描述
我想做兼容safari，但是寫上@-webkit-transform沒有效果，這段動畫代碼是用js添加的，前面那個添加動畫@-webkit-keyframes，可以兼容safari，但是后面的動畫效果不能兼容safari，這該怎么兼容呢？謝謝了
問題解答
回答1：你如果是js寫完動畫插入到dom中的話，最好設(shè)置元素的animation-play-state屬性：
{ animation-play-state:running; -webkit-animation-play-state:state:running;}
另外設(shè)置animation的時候也要加上-webkit-前綴
{ animation: she1 xxx xxx; -webkit-animation: she1 xxx xxx;}
標(biāo)簽：
CSS
上一條：css3動畫 - css3 transition設(shè)置多個屬性的時候不能只用逗號分隔？下一條：html - 關(guān)于圖片使用scale放大過程中，父元素overflow:hidden失效的問題
相關(guān)文章：
1. apache web server 怎么限制某一個網(wǎng)站對服務(wù)器資源的占用？2. docker start -a dockername 老是卡住，什么情況？3. python - pandas dataframe如何對某列的空數(shù)據(jù)位置進(jìn)行update？update的函數(shù)是自定義的，參數(shù)是同一行的另外兩列數(shù)據(jù)4. docker綁定了nginx端口 外部訪問不到5. java中返回一個對象，和輸出對像的值，意義在哪兒6. javascript - 關(guān)于apply（）與call（）的問題7. css3 - 純css實(shí)現(xiàn)點(diǎn)擊特效8. javascript - jQuery post()方法，里面的請求串可以轉(zhuǎn)換為GBK編碼么？可以的話怎樣轉(zhuǎn)換？9. javascript - 有適合開發(fā)手機(jī)端Html5網(wǎng)頁小游戲的前端框架嗎？10. 安全性測試 - nodejs中如何防m(xù)ySQL注入
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備