小编Lau*_*uri的帖子

隐藏元素后,如何使用css3过渡动画元素

在使用jQuery隐藏一些元素后,是否可以使用css3过渡动画元素移动.fadeOut()

我在这里找到了一些解决方案(参见"它也适用于网格"部分):

不过我的情况更像是这样: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>
Run Code Online (Sandbox Code Playgroud)

我有浮动的div元素,并且在隐藏了一些元素之后,如果其他元素被动画化将是很好的.可能吗?

css jquery fadeout fadein css-transitions

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

css-transitions ×1

fadein ×1

fadeout ×1

jquery ×1