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
主站蜘蛛池模板: 一区二区在线看 | 欧美乱大交xxxxx另类电影 | 亚洲高清视频在线 | 亚洲精品久久久久久久久久久 | 日韩欧美在线观看视频 | 亚洲国产情侣自拍 | 天堂在线一区 | 国产欧美精品一区二区色综合朱莉 | 久久精品久久精品久久精品 | 欧美日韩精品一区二区三区四区 | 东方伊人免费在线观看 | 日韩人体在线 | 国产精品资源在线 | 天天干狠狠操 | 亚洲一区二区精品 | 欧美日韩亚洲一区 | 国产精品永久免费 | 精品国产91乱码一区二区三区 | jizz18国产 | 久久午夜精品福利一区二区 | 激情欧美一区二区三区 | 色综合久久88色综合天天 | 中文字幕视频在线 | 一级免费a | 在线观看 亚洲 | 亚洲免费久久久 | 色网在线看 | 久久久女女女女999久久 | yiren22 亚洲综合 | 精品美女在线观看视频在线观看 | 亚洲精品久久久久久久久久久久久 | 久久国产欧美日韩精品 | 欧美区日韩区 | 亚洲国产精品一区二区三区 | 黄色大全免费看 | 亚洲精品永久免费 | 免费看黄色国产 | 中文字幕一区二区三区在线观看 | 黄在线免费观看 | av黄色片在线观看 | 最新av片|