Fade in/out background image on hover

Question

Вместо переходов слева направо, справа налево. Как я могу сделать это, чтобы исчезнуть в гаснуть нет движений, просто помутнение не исчезать, исчезать в

http://designshack.net/articles/css/swap-your-pages-background-image-on-navigation-hover/

Answer 1

Если вы нормально с JQuery. - посмотреть на .fadeIn()

<div id="clickme"> 
    Click here 
</div> 
<img id="book" src="book.png" alt="" width="100" height="123"> 

// With the element initially hidden, we can show it slowly: 
$("#clickme").click(function() { 
    $("#book").fadeIn("slow", function() { 
    // Animation complete 
    }); 
}); 

Answer 2

Вы можете сделать это с помощью CSS3 свойства, непрозрачности и перехода

.yourClass 
{ 
    opacity: 1; 
    transition: all 3s ease; 
} 

.yourClass:hover 
{ 
    opacity: 0; 
} 

Пример здесь:

http://jsfiddle.net/ghBAT/