Question

请问css3 中的transition实现过度动画。

在throme浏览器中动画未结束的时候，鼠标如果停留在该元素上，则须要点击一下才能执行默认事件，如：如果是a标签的话，须要点击一下，才能实现hover效果
上面问题怎么才能解决，是浏览器的bug还是其他原因导致的？

Answer 1

这个很简单啊，简单的代码如下：

a{/*正常效果*/}
a.hover{ /*hover的效果，即transition效果*/ }  /*注意前面的是.hover。并不是:hover*/

然后用一句jq实现点击添加一个class就可以了：

$(function(){
  $("a").click(function(){
    $(this).addClass("hover");
  })
})

追问

你可能理解错了，我点击添加transition以后，在transition动画未执行完成，我又滑过这个元素，导致其默认事件没有实时的显示出来（默认事件就是，比如a上面默认的滑过会有手型，还有变色）但是因为我再transition未完成就划过去了，导致这些默认事件没有出来

追答

你这问的本身就有问题啊，transition这个执行的动画跟js实现的是不一样的，这个开始就一定得执行到结束，中间不能停止，既然给a在执行这个动作又怎么再执行:hover事件呢？