Membuat Image hover
Demonya bisa dilihat disini
Cara membuatnya :
Login blogger
Rancangan, Edit Html, Cari kode ]]>
Dan Simpan kode berikut diatasnya :
Untuk cara memanggilnya :
Demonya bisa dilihat disini
Cara membuatnya :
Login blogger
Rancangan, Edit Html, Cari kode ]]>
Dan Simpan kode berikut diatasnya :
-moz-box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-webkit-box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-o-transform:scale(1.4) translate(40px,40px) rotate(0deg);
-moz-transform:scale(1.4) translate(40px,40px) rotate(0deg);
-webkit-transform:scale(1.4) translate(40px,40px) rotate(0deg);
background:#555;-o-transition: all 1.2s ease-in;
-moz-transition: all 1.2s ease-out;
-webkit-transition: all 1.2s ease-in;
Simpan template-webkit-box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-o-transform:scale(1.4) translate(40px,40px) rotate(0deg);
-moz-transform:scale(1.4) translate(40px,40px) rotate(0deg);
-webkit-transform:scale(1.4) translate(40px,40px) rotate(0deg);
background:#555;-o-transition: all 1.2s ease-in;
-moz-transition: all 1.2s ease-out;
-webkit-transition: all 1.2s ease-in;
Untuk cara memanggilnya :
<img class="ImgD" height="162" id="#" src="http://i1094.photobucket.com/albums/i447/kang-da2ng/black.jpg" style="height: 162px; width: 200px;" width="200" />


0 komentar:
Posting Komentar
Tinggalkan komentar anda. thanks.....