animation-fill-mode属性(CSS设置动画效果是否可见)
animation-fill-mode属性
为 h1 元素规定填充模式:
h1
{
animation-fill-mode: forwards;
}
浏览器支持
Internet Explorer 10、Firefox 以及 Opera 支持 animation-fill-mode 属性。
Safari 和 Chrome 支持替代的 -webkit-animation-fill-mode 属性。
注释:Internet Explorer 9 以及更早的版本不支持 animation-fill-mode 属性。
定义和用法
animation-fill-mode 属性规定动画在播放之前或之后,其动画效果是否可见。
注释:其属性值是由逗号分隔的一个或多个填充模式关键词。
默认值: none
继承性: no
版本: CSS3
JavaScript 语法: object.style.animationFillMode=none
语法
animation-fill-mode : none | forwards | backwards | both;
值 描述
none 不改变默认行为。
forwards 当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。
backwards 在 animation-delay 所指定的一段时间内,在动画显示之前,应用开始属性值(在第一个关键帧中定义)。
both 向前和向后填充模式都被应用。
CSS设置动画效果是否可见
作品标签: CSS
优秀作品:
最新作品:
评论列表(共33人参与)参与讨论或分享设计作品获得视觉癖积分奖励
1、安静笼注册会员
2021-06-01 1:18:26
iv> 你今天咨询一次,他人现已报名了,你明日问问爸爸,他人现已开端学习,你某天再咨询一次,人家的孩子现已改变在成长了,等你纠结一段时间再来问,他人现已越来越优秀了,教育也在十万株苜蓿草中,你可能只会发现一株是四叶草,机会率大约是十万分之一。
回复1.等待注册会员
2021-06-01 19:6:54
1、免费Lo游客
2021-06-01 9:55:40
游客85994:animation-fill-么色彩?ADictionaryofColor色彩词典Wiki上的确有相关注释:上面对于巧克力色的索引,来源于1930年McGrawHill出书的Maerz和Paul所著的《板库 假如你不喜爱玩创意,或者说脑子里缺少创意细胞,也没问题,软件里几千套模板,供各种各样运用模板的需求,每一品类作品的模板还
回复清明时节注册会员
2021-06-01 13:41:30
rer 10、Firefox 以及 Opera 支持 animation-fill-mode 属性。/div> 别的一个常见的错误是标题周围不正确的margin值。标题其实是与它下面的阶段是相关联的,而不仅仅是两个阶段的切割符。这就是为什
回复