css顺利移动元素

Question

尝试使用户界面更加用户友好我想实现以下内容：

我有一个table，上面有一些alert。看看this example

当我关闭警报表'跳'到顶部。我希望它顺利滑动。我想使用pure css。我读过transition and animation，但我认为这不是我需要的，或者我错了。

有什么想法吗？提前谢谢！

Answer 1

K，所以你可以用纯css来做。 Bootstrap在淡出开始时从警报中删除in类。我们可以使用它在警报从页面中删除之前将其应用于警报。

.fade {
    max-height: 400px;
    -webkit-transition: .3s;
        -ms-transition: .3s;
            transition: .3s;
}

.fade:not(.in) {
    max-height: 0;
}

查看实际操作：http://jsfiddle.net/McHUc/92/