How to make smoothly in native JS?

Question

JavaScript

How is this action

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

make it smooth, because the page now jerks sharply when the block on it disappears ... Without JQ, of course! ))

Answer 1

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

Answer 2

as an option to make the interval more transparent and more transparent

Answer 3

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

CSS:

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