Cara Effect Hover Zoom Smooth pada Image Blogger

Effect Hover suatu Object (gambar, tulisan) yang aktif ketika cursor diarahkan ke Object. Effect Hover seperti ini biasanya menggunakan kode Script, ajax, ataupun Jquery yang kualitasnya sangatlah bagus, tetapi bisa juga dengan cara memakai kode CSS Transisi (transition).

• Pertama tama seperti biasa login blogger.com
• Masuk ke Design → Edit HTML → Centang Expand Widget Template Slalu → Letakan kode berikut tepat diatasnya kode ]]></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); } 

Kode yang ditebalkan adalah kode waktu Perubahan antara kecil ke diperbesar per Sekon.

• Kemudian Save Html. 

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Belajar Computer Dunia Maya. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Belajar Computer Dunia Maya dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh MuN4 pada tanggal Friday, 18 November 2011