Можно ли как-то анимировать перемещение dom-элемента при удалении его соседа?

Question

[medbrat13]

Вот собственно и вопрос.
Я манипулирую элементами DOM через яваскрипт. Удаляю один элемент, на его место встает его сосед справа. Как мне анимировать это перемещение без подключения сторонних библиотек? Под анимацией я понимаю просто плавное перемещение на новое место.

Пробовал свойство transition, не работает, потому что в css никакие свойства не меняются.

Answer 1

[Дмитрий Марков]

Можно удаляющийся элемент сжать в 0px , затем уже удалять его

Comments

[Дмитрий Марков]

Пример

function removeElement() {
	const elem = document.querySelector('.element');

	elem.classList.add('move')

	setTimeout(() => {
		elem.remove()
	}, 500);
}

.element {
	overflow: hidden;
	transition: .5s;
	width: 300px;
}
.element.move {
	width: 0px;
}

[medbrat13]

Гениально. Спасибо!

[Дмитрий Марков]

medbrat13, Ещё можно перед сжатием скрывать содержимое блока, что бы не было видно как оно разваливается )

[medbrat13]

Дмитрий Марков, ну до этого я уже сам допер)