Advertisement
Guest User

Untitled

a guest
Dec 4th, 2013
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.00 KB | None | 0 0
  1. <div id="crossfade">
  2. <img class="bottom" src="http://i.imgur.com/BDxBIMw.png" /><a href="#"</a>
  3. <img class="top" src="http://i.imgur.com/l75CfiV.png" /><a href="#"</a>
  4. </div>
  5. <div id="crossfade">
  6. <img class="bottom" src="http://i.imgur.com/U1px5w2.png" /><a href="#"</a>
  7. <img class="top" src="http://i.imgur.com/zwsiKro.png" /><a href="#"</a>
  8. </div>
  9. <div id="crossfade">
  10. <img class="bottom" src="http://i.imgur.com/IPeFn7b.png" /><a href="#"</a>
  11. <img class="top" src="http://i.imgur.com/qpFEyLi.png" /><a href="#"</a>
  12. </div>
  13. <style>
  14. #crossfade {
  15. position:relative;
  16. height:160px;
  17. width:310px;
  18. }
  19. #crossfade img {
  20. position:absolute;
  21. left:0;
  22. opacity: 1;
  23. -webkit-transition: opacity 1s ease-in-out;
  24. -moz-transition: opacity 1s ease-in-out;
  25. -o-transition: opacity 1s ease-in-out;
  26. -ms-transition: opacity 1s ease-in-out;
  27. transition: opacity 1s ease-in-out;
  28. }
  29.  
  30. #crossfade img.top:hover {
  31. opacity:0;
  32. }
  33. </style>
  34.  
  35. </center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement