为了账号安全,请及时绑定邮箱和手机立即绑定

我想要鼠标移入时暂停,移出时动画播放,怎么弄

我想要鼠标移入时暂停,移出时动画播放,怎么弄?单纯的换一下paused和running好像并不行啊

正在回答

4 回答

div:hover span {

  animation-play-state:paused;

}

动画正常写  running是默认值  不需要特意写   在划出写paused就好

2 回复 有任何疑惑可以回复我~

 animation-play-state:running;

}

div:hover span {

  animation-play-state:paused;

}换一下位置

running和paused

0 回复 有任何疑惑可以回复我~

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;

}

更改一下加粗的地方就可以了

0 回复 有任何疑惑可以回复我~

把你代码贴出来啊

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

我想要鼠标移入时暂停,移出时动画播放,怎么弄

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信