CSS Efek Gambar Miring

CSS Efek Gambar Miring

Efek Hover adalah efek yang muncul digambar ketika mouse mengarah. Cara memasang efek gambar hover miring pada blog. Contoh seperti di blog ini. Arahkan mouse ke gambar cangkir.

1. Blogger dashboard
2. Pilih Template => Edit Html
3. Cari kode ]]></b:skin>atau </style> dan masukan kode dibawah ini sebelum / di atas kode ]]></b:skin> atau </style>.
4. Save template.

.post-body img { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; }
.post-body img:hover { -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg); -ms-transform:rotate(-10deg); transform:rotate(-10deg); }