как сделать плавный выход блока HTML CSS JS

Question

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

Answer 1

1000 это миллисекунд после которого будет работать анимация(плавное появление блока)

Если нужно дополнение дай знать

let x = document.querySelector(".div")
setTimeout(function(){
  x.style.animation = "fade 1s";
  x.style.opacity = "1"
  },1000)

.div{
  width:100px;
  height:100px;
  background-color:red;
  opacity:0;
}
@keyframes fade{
  0%{opacity:0;}
  100%{opacity:1;}
}

<div class = "div"></div>