av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

css3 - animation屬性,safari瀏覽器不支持相關(guān)效果

瀏覽:97日期:2023-07-10 14:39:42

問題描述

點擊按鈕,從底部滑出一個對話框效果,在其他瀏覽器都可以正常滑出,但是在safari瀏覽器中不能彈出!當(dāng)去掉下面這段CSS3代碼后,就可以正常彈出效果,請問safari不支持animation 屬性嘛?

.nctouch-bottom-mask.up { display: block; bottom: 44px; -webkit-animation: optionBlockUp 0.5s ease-in-out; animation: optionBlockUp 0.5s ease-in-out;}@-webkit-keyframes optionBlockUp{ from {display: none;bottom: -100%; } to {display: block;bottom: 0; }}@keyframes optionBlockUp{ from {display: none;bottom: -100%; } to {display: block;bottom: 0; }}

問題解答

回答1:

keyframes中,用opacity替換display:none,display:block display是瞬間值,不能做補(bǔ)間動畫

另外,建議將bottom替換成transform,因為bottom涉及瀏覽器重排,用transform性能能提高不少

標(biāo)簽: CSS
主站蜘蛛池模板: 国产一区二区精品在线 | 91精品久久久久久久久久入口 | 91久久精品国产 | 最近最新中文字幕 | 欧美精品在线免费观看 | 亚洲精品美女视频 | 国产精品久久久亚洲 | 久久亚洲精品国产精品紫薇 | 欧美精品在线免费观看 | 成人在线一级片 | 四虎影院免费在线 | 成人免费视频 | 婷婷综合网 | 成人免费精品视频 | 久久99国产精品久久99果冻传媒 | 亚洲欧洲中文日韩 | 久久中文视频 | 天天艹逼网 | tube国产| 国产高清一区二区三区 | 日韩欧美一级精品久久 | 一区二区久久 | 九九九视频精品 | 亚洲国产精品久久久久秋霞不卡 | 亚洲 欧美 日韩在线 | 日韩精品一区二区三区高清免费 | 男女精品网站 | 精品国产久 | 久久久久国产一区二区三区四区 | 嫩草研究影院 | 国产精品1区2区3区 中文字幕一区二区三区四区 | 成人国产精品免费观看 | 在线免费观看黄色av | 91网站在线观看视频 | 国产激情片在线观看 | 中文字幕三区 | 国产精品美女久久久久久不卡 | 在线精品一区二区 | 久久国产视频播放 | 色视频www在线播放国产人成 | 国产成人高清在线观看 |