Появление div в действии css - transition, а именно с display none , на block
Можно конечно реализовать через opacity, что получается, НО в opacity блок присутствует, хоть он и прозрачен.
Т.е. надо так
#div {
display:none;
transition: display 2s}
div.onmouseover = function() {
this.style.display='block'
}
Так не работает, див просто появляется, будто и нету анимации.