Как сделать плавно на нативном JS?

Question

[DrunkMaster]

Как это действие

document.getElementById('id').style.display='none';

сделать плавным, т.к. страница сейчас резко дёргается, когда блок на ней пропадает... Без JQ естественно! ))

Answer 1

[Andrey Tsvetkov]

https://learn.javascript.ru/js-animation

Answer 2

[Stimulate]

как вариант по интервалу делать прозрачнее и прозрачнее

Answer 3

[Николай Чуприк]

document.getElementById('id').classList.add('hidden');

CSS:

.hidden  {
  opacity: 0;
  transition: 1s;
}