Cara membuat efek zoom gambar blog



Kalau sobat semua kepengen membuat efek zoom pada gambar yang berada di posting blog saat disorot mouse, kali ini Tekno blog akan memberikan caranya yang sangat mudah sekali.
Langsung ke TKP ^-^
1. Masuk ke menu edit html, kemudian centang kotak expand template widget
2. Cari kode ]]></b:skin>
3. Copy paste kode di bawah ini dan letakkan tepat di atas kode tadi.

.post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.9);
    -o-transform: scale(1.9);
    -webkit-transform: scale(1.9); }
4. Terakhir simpan template anda.

Untuk contohnya silahkan anda arahkan mouse ke gambar di bawah ini :




Responses

0 Respones to "Cara membuat efek zoom gambar blog"

Posting Komentar

 

Categories

Recent Comments

Return to top of page Copyright © 2010 | Platinum Theme Converted into Blogger Template by HackTutors