Cara Membuat Gambar Effect Tilt di blog

Selamat Siang Sob.. pada Kesempatan Kali Ini saya akan membagikan tips lagi neh, semoga bermanfaat untuk kalian semua Jadi maksud Judul di atas itu kalau misalkan gambar yang ada di blog di sentuh mouse maka ada effect tiltnya.. Masih Blom ngerti? silahkan saja lihat Demonya Di bawah Ini...

DEMO

Nah Bagaimana Sob? Keren kan... kalau ingin mencobanya Silahkan ikuti langkah langkah Berikut ini..

1. Seperti biasa Login dulu Ke Blog
2. Sekarang Klick Template -> Edit HTML
3. Centang Expand Template Widget
4. Lalu Cari Kode ]]></b:skin>
5. dan masukan Kode Berikut ini Di atas Kode ]]></b:skin>

.post img {-webkit-transition: -webkit-transform .15s linear;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);padding: 5px 5px 5px 5px;-webkit-transform: rotate(+2deg);-moz-transform: rotate(+2deg)}
 .post img:hover {-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg)}

6. Dan Terakhir Save
Keterangan :
Jika Ingin Mengubah Putarannya(rotate) sobat bisa Ganti yang Berwarna Merah Sesuai selera Sobat..

Note :
Jika Di dalam Template Sobat sudah ada code

.post img {bla bla bla bla.....}

Sobat Tinggal Ganti Kode Tersebut Dengan Kode yang di atas..