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

您的位置:首頁技術文章
文章詳情頁

javascript - 為什么我的animation-fill-mode 設置不生效

瀏覽:138日期:2023-04-07 16:52:50

問題描述

.gold_egg_broken{

background: url('../img/animation/goldeggBroke.png');width: 400px;height: 400px;animation: eggbroken 3s;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function: steps(80);

}

@-webkit-keyframes eggbroken {

0%{ background-position: 0 0;}90%{ background-position: 0 -32000px;}100%{ background-position: 0 -32000px;}

}

動態切換給一個元素這個樣式 想讓它停留在最后一幀保持不動。但是不生效

問題解答

回答1:

把webkit前綴去掉,修改如下:

.gold_egg_broken{ background: url('../img/animation/goldeggBroke.png'); width: 400px; height: 400px; animation: eggbroken 3s; animation-fill-mode:forwards; animation-timing-function: steps(80);}

既然animation屬性起作用了,那么也就是說在該瀏覽器中相關屬性不需要前綴了。animation是一個綜合屬性,默認的animation-fill-mode是none,使用帶前綴的屬性webkit-animation-fill-mode不能覆蓋掉animation-fill-mode,所以需要把前綴去掉。

回答2:

謝邀,@luckness 已經說的很明白。另外就是 webkit 這類前綴是為了兼容不同瀏覽器的不同版本的,保守一點的寫法可以是:

p{ -webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards;}

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 美日韩精品 | 午夜免费剧场 | 99精品色| 久久久久毛片 | 日韩欧美黄色片 | 好好的日com | 日韩国产精品一区二区 | 日韩一区二区中文字幕 | 欧美激情视频一区二区三区 | 亚洲欧美另类在线观看 | 黄色片国产 | 欧美日韩三区 | 成年人小视频 | 免费成人蒂法网站 | 91福利视频导航 | 日本一级大毛片a一 | 一区二区国产精品 | 精品一区二区三区免费 | 综合一区二区三区 | 亚洲成人中文字幕 | 亚洲欧美精品 | 韩日精品视频 | 亚洲精品一二 | 日本免费在线观看 | 91久久国产精品 | 看黄色大片 | 亚洲福利视频一区 | 91视频在线看 | 亚洲国产精品久久 | 国产成人在线免费观看 | 91片黄在线观看动漫 | 欧美日韩精品一区二区 | 日本大尺度床戏揉捏胸 | 好吊妞这里只有精品 | 日韩精品小视频 | 日韩视频在线观看 | 久久精品伊人 | 波多野结衣视频在线播放 | 福利视频1000 | 亚洲欧美另类在线 | 黄色大片免费观看 |