Posted by Aak
Aak-share.com Updated at: 9:35:00 AM

Cara membuat efek Rotasi Shadow pada Gambar Blog

No comments:
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);
}

5. Simpan Template

Demikian cara membuat efek Rotasi Shadow pada Gambar Blog, semoga bermanfaat!
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments