Animation CSS3 does not work on this hover image -

I have an image whose background varies in the background to hover and I want to add it to the hover.

What I want to add here:

  - Winkit-transition: all 1s easily-in-out;   
 And this is the online version:   
 
 
  < / Strong>  
 This is the solution you are looking for!    HTML changes & lt; A href = "/" & gt; & Lt; Img class = "imghover" src = "http://i42.tinypic.com/2v9zuc1.jpg" /> & Lt; Img class = "img" src = "http://i40.tinypic.com/i3s4dc.png" /> & Lt; / A & gt; CSS improvements .img {z-index: 1; Margin-left: -190px; Margin-bottom: 5px; Opacity: 0; -Winkit-infection: ambiguity 0.5 s; } .img: Hover {Opacity: 1; } .imghover {z-index: -100; }