我尝试使用webkit-animation和@ -webkit-keyframes制作动画.我有一个带有子div的动画div.
当我的鼠标在孩子身上时,我会停止父母的webkit动画.
任何例子？
谢谢
解决方法
遗憾的是,CSS,see here中没有父选择器.您将不得不使用一些javascript来选择父级并告诉它暂停.
CSS中的暂停声明如下：
-webkit-animation-play-state: paused | running;
javascript(在本例中为jQuery)看起来像这样：
$(".child").hover(
function(){
$(this).parent().css("-webkit-animation-play-state","paused");
},function(){
$(this).parent().css("-webkit-animation-play-state","running");
});
在这里观看现场演示：
