javascript - 从 DOM 中删除元素时过渡位置发生变化

Question

我有一个垂直的图像列表，用户可以通过单击它们来删除它们。一旦元素从 DOM 中移除，行中的下一个元素就会向上捕捉到其位置。我怎样才能为这个位置变化做一个平滑的 CSS 过渡？

http://jsbin.com/dewiqilope/edit?html,js,output

Answer 1

您可以使用 jQuery 动画。

$('#element-selector').on('click', function () {
    $(this).slideUp(); // also you can use .fadeOut()
});