Как добиться плавного сдига элементов при удалении одного?

Question

[YbeysaHelp]

Добрый день. Мне нужна помощь с версткой. На сайте есть допустим 4 картинки выставленные в ряд display: inline-block;. При нажатии определённой кнопки первая картинка исчезает(удаляю элемент через jQuery . remove() ), а остальные картинки резко сдвигаются в начало. Как мне добиться плавного сдвига? transition не помогает

Answer 1

[Yaroslav Losev]

Как вариант, сначала скрыть блок, установив opacity: 0, затем проанимировать уменьшение его ширины до 0, после чего удалить полностью из DOM

https://codepen.io/losyear/pen/jXzxoy