对暂停状态的疑惑
例题中说”另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。“这个最原始的设置状态指什么？我暂停后，怎么就是当前状态呢？看一下我的代码里，例如背景颜色变到 50%{background:red;}红色时暂停，那么它的背景颜色就是保持为红色啊。
2 回答
你的问题可以这样解决，
如果暂停了动画的播放，元素的样式将回到最原始设置状态
span{
display: inline-block;
width: 20px;
height: 20px;
background: orange;
transform: translateY(90px);
animation-name: move;
animation-play-state:paused;
}
div:hover span {
animation-name: move;
animation-duration: 10s;
animation-timing-function: ease-in;
animation-delay: .2s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
}
举报
0/150
提交
取消
