Sunday, July 10, 2011

Membuat Zoom Image dengan CSS

Posted by dav On 3:48 PM
Membuat Zoom Image dengan CSS
Membuat Zoom Image Di Blog - Zoom Image dengan CSS ini Untuk memperbagus tampilan di blog anda, rasanya tidak ada salahnya jika anda mencoba triks yang satu ini, yaitu membuat zoom image. Jadi setiap postingan yang ada gambarnya maka ketika ada cursor mendekat maka image tersebut akan memperbesar sendiri.



Ikuti langkah-langkahnya debawah ini :
1. Masuk blogger
2. Pilih rancangan dan masuk pada edit html
3. Cari ]]</b:skin> dengan menggunakan ctrl+f
4. Copykan script dibawah ini tepat diatasnya ]]<b/:skin>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
5. Selesai, silahkan save template anda.

Contohnya :

Membuat Zoom Image dengan CSS
Zoom Image
Semoga bermanfaat bagi anda.