Box Resize Image Hover

Box Resize dalam tenik CSS3 adalah membuat image atau kotak gambar dari semula biasa dan ketika disentuh atau disorot mouse maka gambar itu akan membesar dengan pembesaran skala ala CSS3. Dalam trick CSS3 Box Resize Image Hover ini, setidaknya kita membutuhkan property scale (skala) dan box shadow (bayangan) dan radius (sudut lengkung). Skala itu akan memperbesar image dari semula, jadi ntar gambarnya menjadi lebih besar. Terus untuk bayangan, ntar kalo gambarnya disorot mouse, maka gambar itu akan berbayang, sedangkan untuk sudut lengkung, maka gambar yang udah kita sorot mouse akan menjadi melengkung, entah di sudut kiri atas, kanan atas, kiri bawah maupun kanan bawah. Hem, lumayan nggak tuh ntar jadinya, so buat apa lagi menunggu. Sekalian belajar dikit demi sedikit, ntar juga hafal dan bisa kok otak-atik CSS3 ini. Soale sangat mudah seh, apalagi udah ada etika atau pedoman dalam penulisan syntax di Edit HTML maupun di postingan / sidebar. Yups, sekarang kita kerjakan aja, mumpung lagi inget.

Masuk dulu di Edit HTML
Cari kode ini ]]></b:skin>
Letakkan CSS3 berikut persis diatasnya

Blogger Yang Baek, Meninggalkan Jejak Berupa Komentar