javascript - css3 animation动画如何运动到一半之后回退呢？

问题描述

问 题

效果在这里：https://jsfiddle.net/23df9ahy/

$(".yuan").hover(function(){
   $(this).addClass("effect");
},function(){
   $(this).removeClass("effect");
});

通过hover事件控制动画，
动画的执行是三秒，如果hover不到三秒的情况下如何让他自动回退呢？

解决方案

这样？
demo

这篇关于javascript - css3 animation动画如何运动到一半之后回退呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！