Cara membuat efek Rotasi Shadow pada Gambar Blog

Written By PENDIDIDKAN Friday, September 19, 2014 Add Comment Edit

Membuat efek Rotasi Shadow pada Gambar Blog ~ adalah efek rotasi dengan bayangan pada belakang gambar, efek rotasi ini sangatlah sederhana tidaklah perlu menambahkan jQuery cukup menggunakan CSS. Dengan efek rotasi shadow tentunya untuk menambah cantik tampilan pada gambar blog anda, untuk penerapannya berikut langkah mudahnya :

Sorotkan cursor pada gambar

Cara membuat efek Rotasi Shadow pada Gambar Blog
1. Login ke akun Blog anda
2. klik Template => Edit html
3. Selanjutnya anda cari kode ]]></b:skin>
4. Terapkan kode berikut ini sebelum ]]></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);
}