Kamis, 05 April 2012

MEMBUAT GAMBAR MEMBESAR KETIKA DI LEWATI MOUSE

cara untuk membuat gambar membesar ketika mouse berada pada gambar tersebut yaitu dengan memasukan kode CSS berikut :



.post img, table.tr-caption-container {

border:none;

max-width:560px;

height:auto;

-o-transition: all 0.5s;

-moz-transition: all 0.5s;

-webkit-transition: all 0.5s;

}

.post img:hover {

-o-transition: all 0.3s;

-moz-transition: all 0.3s;

-webkit-transition: all 0.3s;

-moz-transform: scale(1.5);

-o-transform: scale(1.5);

-webkit-transform: scale(1.5);

-webkit-border-radius: 36px 12px;

-moz-border-radius: 36px / 12px;

-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

}



kode CSS di atas di letakan di dalam RANCANGAN -> PERANCANG TEMPLATE -> TINGKAT LANJUT >> LALU MASUKAN KODE CSS TADI DAN KLIK TERAPKAN KE BLOG



 jika cara tersebut tidak jadi maka jangan salahkan saya.