使用jQuery的
我在这里找到了一种解决方案(请参见“也适用于网格”部分):http://blog.stevensanderson.com/2013/03/15/animating-lists-with-css-3-transitions/ 然而,我的情况更像是这样:http://jsfiddle.net/CUzNx/5/
我有一些浮动的div元素,当某个元素被隐藏后,如果其他元素能够以动画效果显示出来,那就太好了。这是可行的吗?
.fadeOut()
隐藏某些元素后,是否可以使用CSS3转换使元素移动?我在这里找到了一种解决方案(请参见“也适用于网格”部分):http://blog.stevensanderson.com/2013/03/15/animating-lists-with-css-3-transitions/ 然而,我的情况更像是这样:http://jsfiddle.net/CUzNx/5/
<div class="container">
<div id="item1" class="item">Test1</div>
<div id="item2" class="item">Test2</div>
<div id="item3" class="item">Test3</div>
<div id="item4" class="item">Test4</div>
<div id="item5" class="item">Test5</div>
<div id="item6" class="item">Test6</div>
<div id="item7" class="item">Test7</div>
</div>
<div style="clear:both">
<button onclick="$('#item1').fadeOut();">
Hide first
</button>
<button onclick="$('#item1').fadeIn();">
Show first
</button>
</div>
我有一些浮动的div元素,当某个元素被隐藏后,如果其他元素能够以动画效果显示出来,那就太好了。这是可行的吗?