Как сделать так что спева была анимация ичезновения а потом уадления?

Question

[Noob1234]

const removeBtns = document.querySelectorAll('#remove');

function removeListing() {
  const listing = this.closest('.listing');
  listing.remove();
}

removeBtns.forEach(removeBtn => {
  removeBtn.addEventListener('click', removeListing);

});

Помогите пожалуйста я только начал изучать html ccs. JavaScript Для меня пока что сильно сложно

Answer 1

[Stalker_RED]

Как именно вы хотите сделать исчезновение? Можно менять opacity, например.
Или высоту уменьшать.

Comments

[Noob1234]

Хотелось бы реализовать, как здесь https://codepen.io/veronicadev/pen/LrZaov только без jQuery

[Stalker_RED]

Noob1234,

даление срабатывает сразу а как добавить анимацию в js код я не понял.

Не все свойства можно анимировать, display: none сработает сразу и запорет всю идею.
Можно подписаться на событие animationEnd и сделать display: none скриптом, или чисто на css уменьшить высоту и все отступы в ноль, и блок типа исчезнет.

[Noob1234]

Stalker_RED, спасибо буду пробовать результат выложу

[Noob1234]

Stalker_RED, УРАААААААААААААААААААААААА я сделал =))))

[Noob1234]

Stalker_RED, снова к вам за помощью если не сложно https://qna.habr.com/q/1266986 =)