从DOM中删除元素时的过渡位置更改

Question

我有一个垂直的图像列表，用户可以通过单击将其删除。 将元素从DOM中移除后，行中的下一个元素会向上对齐到其位置。 如何为该位置更改进行平滑的CSS过渡？

http://jsbin.com/dewiqilope/edit?html,js，输出

Answer 1

您可以使用jQuery动画。

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