我尝试使用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"); });
在这里观看现场演示:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。