<style type="text/css">
a.nowandthen{
position:relative;
display: block;
overflow:hidden;
cursor: pointer;
width: 650px;
height: 434px;
}
a.nowandthen img{
position:absolute;
left:0;
top:0;
width: 100%;
height: 100%;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 2;
clip: rect(0,650px,434px,0);
}
a.nowandthen img:nth-of-type(2){
z-index: 1;
}
a.nowandthen:hover img:nth-of-type(1){
clip: rect(0,0,434px,0);
opacity: 0;
}
</style>
<a class="nowandthen" href="http://www.blogger.com/null">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidY9XsDIR8l-NfLoU2pGuBLchP3ZA9XXQUCuxPitqF40U9i8MQTy-qT-wwyfhhxKlkBdsZA-vyLY_Rvt55ofiqIQNqf8QTU7H1iAiCXpgkWK_ZA4dCMTEzcZ_L26sY_FoOdiVHQ351bJo/s1600/sunset-sunrise-btrix+(1).jpg" />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU30XOeRf0HZ5EYtxqID5e4O1mq_EY_4IXtF61uup57oIg7Fru88AmYgOAZiv6r7t__UIyT1v2803GN9ONNgAsyDyjZ7EL-IhW6d7wBgHEJz3Iwdny-WvN0WjhOT7YknUy6QpQ-LBgY4A/s1600/sunset-sunrise-btrix+(2).jpg" />
</a>
Blogumuza Abone Olun
Yeni Yazılar E-posta Adresinize Gelsin
Not: Gelen Maili Aktif Etmeyi Unutmayınız!
Hiç yorum yok:
Yorum Gönder