Membuat Efek Image Zoom & Memutar Diblog

Kali ini saya akan berbagi css efek memutar pada image / gambar di blog maupun dipostingan , oke untuk previevnya silahkan kalian dekatkan cursor kamu di gambar disamping maka gambar tersebut akan memutar , gimana menarik bukan , oke langsung aja ikuti langkah-langkahnya berikut ;
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Cari kode </head> lalu taruh kode dibawah ini sebelum kode </head> :

#memutar div

{

height:100px;

width:100px;

border: 3px solid #ffffff;

border-style:double;

margin:10px auto;

text-align:center;

-webkit-transition: all 2s ease-in-out;

-moz-transition: all 2s ease-in-out;

-o-transition: all 2s ease-in-out;

-ms-transition: all 2s ease-in-out;

transition: all 2s ease-in-out;

padding-top:5;

padding-left:5;

padding-bottom:5;

padding-right:5;

}

#memutar div:hover, #memutar div.hover_effect

{

-webkit-transform:rotate(720deg) scale(2,2);

-moz-transform:rotate(720deg) scale(2,2);

-o-transform:rotate(720deg) scale(2,2);

-ms-transform:rotate(720deg) scale(2,2);

transform:rotate(720deg) scale(2,2);

}

</style>

5. Simpan Template.
7. Dan yang terakhir copy kode dibawah ini dan taruh kode gambar ini pada gadget atau pada post kamu , untuk menampilkan gambar dengan efek memutar dan membesar.

</div>

NOTE :

- Ganti ULR blog dan ULR image dengan ULR kamu.

Rating: 4.5

Sedang mencari , silahkan tunggu ...

Description: Membuat Efek Image Zoom & Memutar Diblog Reviewer: Unknown Rating: 9out of 10