¿Efecto transition (CSS) en un script de onmouseover?

[Alexis88]

Revisando la documentación que proporcionó pzin, acabo de comprobar que es tal como lo dice. No hay duda de que equivocándose -y leyendo el manual- se aprende.

Aplicando lo aprendido, con CSS:

Código CSS:

#div2{
    opacity: 1;
    transition: opacity .8s;
}
 
#div1:hover ~ #div2{
    opacity: 0;
}
 

Con JavaScript:

Código Javascript:

var div1 = document.getElementById("div1"),
    div2 = document.getElementById("div2");
 
div1.addEventListener("mouseover", function(){
    div2.style.transition = ".8s";
    div2.style.opacity = 1;
}, false);
div1.addEventListener("mouseout", function(){
    div2.style.transition = ".8s";
    div2.style.opacity = 0;
}, false);
 

Con jQuery (librería de JavaScript), solamente basta que utilices los métodos de efectos que tiene, como los que mencioné en el comentario anterior.

Saludos