文章詳情頁
關(guān)于css3兼容safari的問題
瀏覽：256日期：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. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能？3. css - 寫頁面遇到個布局問題，求大佬們幫解答，在線等，急！~4. 實現(xiàn)bing搜索工具urlAPI提交5. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化6. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點疑問7. 配置Apache時，添加對PHP的支持時語法錯誤8. phpstudy8.1支持win11系統(tǒng)嗎？9. javascript - vue-router 地址改變數(shù)據(jù)未改變10. javascript - 移動端上不能實現(xiàn)拖拽布局嗎？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備