我想要鼠标移入时暂停,移出时动画播放,怎么弄?单纯的换一下paused和running好像并不行啊
div:hover span {
animation-play-state:paused;
}
动画正常写 running是默认值 不需要特意写 在划出写paused就好
animation-play-state:running;
}
div:hover span {
animation-play-state:paused;
}换一下位置
running和paused
span {
display: inline-block;
width: 20px;
height: 20px;
background: orange;
transform: translateY(90px);
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;
}
div:hover span {
animation-play-state:paused;
}
更改一下加粗的地方就可以了
把你代码贴出来啊