CSS 父子循环转换时没有悬停
css parent child loop transitions with no hover
这是我的测试。 http://jsfiddle.net/othoap/XdJN5/
在我的 html5 页面上,我有这个成功触发 css 的 js。
<script>
$(document).click(function(){
$("img").fadeOut('slow', function() {
$("img").removeClass();
});
});
</script>
所以我不想要带有鼠标触发器的 css。只是一个无休止的循环。
正如你在JSfiddle(MAN多么棒的网站)例子中看到的。父动画循环正常,但子动画在开始时仅触发一次。我也不明白为什么 z-index 不会将孩子推到父母后面。
一如既往地感谢您的时间。
您的动画不是无限的,因为您尚未将子级设置为无限:
你有这个:
-moz-animation-iteration-count: slidedown;
-webkit-animation-iteration-count: slidedown;
应该是这样的:
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
至于z-index
,它不会把孩子推到父母后面。 如果你想让它落后,它不应该是一个孩子。
相关文章:
- 将桌面上的悬停导航栏转换为触摸屏上的可点击导航栏
- 鼠标悬停时的css转换
- 如何取消d3.js中的鼠标悬停转换
- 悬停时IE8转换
- 转换后触发css悬停状态更改
- 如何在悬停被移除或消失时应用转换
- CSS 父子循环转换时没有悬停
- 在悬停时保留和添加新的转换 (CSS/LESS)
- SVG悬停动画上未完成转换的动画,当悬停快速发生时
- css悬停大小转换效果需要跨浏览器/回退解决方案
- 有没有办法在鼠标悬停时设置转换速度
- 旋转瓷砖;如何在悬停后延迟转换
- 悬停时转换的角度自定义指令显示错误
- 转换jquery的悬停点击事件
- ActionScript到JavaScript的转换,在Flash CC中的HTML画布文档中的鼠标悬停上播放声音
- jquery悬停函数具有CSS转换效果,仅适用于第二次悬停
- 如何通过悬停从一个选项卡到另一个选项卡来实现流畅的打字机效果转换
- 在动态淡入/淡出悬停转换时遇到问题(包括jsfiddle)
- 鼠标悬停转换为超时显示或双击
- D3鼠标悬停转换得到“0”;“卡住”;