$(document).ready(function(){

$("#main").mouseenter(function(){
   $(this).animate({ 
       opacity: 1
   }, 300 );
});
           
$("#main").mouseleave(function(){
   $(this).animate({ 
       opacity: 0.40
   }, 300 );
});

});