Heson
2014-12-31 10:02
前面不是说暂停了之后再重新开始元素从暂停位置开始继续动画,样式回到最初状态?老师,麻烦给个实例参考下吧,没想通。。。。
你的问题可以这样解决,
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;
}
暂停有两种方式,取不同的值效果不一样,其中一种是暂停后,再播放时从停止状态继续开始,另外一个种是暂停后,再播放是从最初状态开始。这个样的示例,自己取值一试就明白。
十天精通CSS3
242554 学习 · 2623 问题
相似问题