课程
/前端开发
/HTML/CSS
/十天精通CSS3
动画的最终结果是停留在100%的状态还是最初定义的状态呢?
2017-01-18
源自:十天精通CSS3 9-1
正在回答
回到最初设置,也就是div设置状态
设置停留状态用这个animation-fill-mode
animation-fill-mode:forwards; 设置为动画结束状态
animation-fill-mode:backwards; 设置为动画开始状态
是还原到动画之前的颜色,并不是0%{}时设定的颜色
最终状态还是变成最初始的状态,很简单测验一下,就是你吧案例的的100%时背景色改成黑色,你会发现动画到变成黑色之后,又变回红色(即最初的颜色)。
@keyframes changecolor{ 0%{ background: red; } 20%{ background:blue; } 40%{ background:orange; } 60%{ background:green; } 80%{ background:yellow; } 100%{ background: black; } }
写错 是状态
举报
本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备
2 回答如果暂停了动画的播放,元素的样式将回到最原始设置状态
2 回答对暂停状态的疑惑
3 回答元素的样式将回到最原始设置状态。原始设置状态是指?
2 回答动画状态何时从running切换到paused的?
3 回答“另外如果暂停了动画的播放,元素的样式将回到最原始设置状态。”这句话没太懂意思