Membuat Efek Rotasi & Shadow Pada Blog

Iseng iseng nyari Tutorial, ngga sengaja Admin nemu postingan yang menarik untuk dicoba, eh pas dicoba keren juga ya. Cara Membuat Efek Rotasi & Shadow Pada Blog. Admin Dapet dari Blog-nya Seocips.
Monggo barangkali Brosis mau coba coba, gratis kok ga bayar hehe

Ini contoh Gambarnya

Gimana,,, bagus kan!? Tampilan Gambar pada blog akan menjadi lebih hidup. Jadi pengunjung gak bosen
ini caranya


1. Masuk ke dasboard blogger lalu klik Template

Pilih Template, kemudian pilih `Edit Html`

2. Cari tag penutup ]]></b:skin>

3. Pastekan script dibawah ini tepat diatas tag penutup ]]></b:skin>

.post-body img{
border-radius: 2%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post-body img:hover{  transition: all 2s ease-in-out;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
z-index: 999;
box-shadow: 8px -6px 5px rgba(50, 50, 50, 0.75);
}


untuk menerapkannya pada postingan blog, Brosis tinggal mengupload gambar yang di inginkan.
Mudah Bukan!?
semoga bermanfaat.

Terima kasih telah membaca artikel ini & dipublikasikan oleh Improop Blog'