Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="crossfade">
- <img class="bottom" src="http://i.imgur.com/BDxBIMw.png" /><a href="#"</a>
- <img class="top" src="http://i.imgur.com/l75CfiV.png" /><a href="#"</a>
- </div>
- <div id="crossfade">
- <img class="bottom" src="http://i.imgur.com/U1px5w2.png" /><a href="#"</a>
- <img class="top" src="http://i.imgur.com/zwsiKro.png" /><a href="#"</a>
- </div>
- <div id="crossfade">
- <img class="bottom" src="http://i.imgur.com/IPeFn7b.png" /><a href="#"</a>
- <img class="top" src="http://i.imgur.com/qpFEyLi.png" /><a href="#"</a>
- </div>
- <style>
- #crossfade {
- position:relative;
- height:160px;
- width:310px;
- }
- #crossfade img {
- position:absolute;
- left:0;
- opacity: 1;
- -webkit-transition: opacity 1s ease-in-out;
- -moz-transition: opacity 1s ease-in-out;
- -o-transition: opacity 1s ease-in-out;
- -ms-transition: opacity 1s ease-in-out;
- transition: opacity 1s ease-in-out;
- }
- #crossfade img.top:hover {
- opacity:0;
- }
- </style>
- </center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement