Rotate Image Hover

Moshi moshii ^^
Gimana kabar kaliann? semoga baik-baik semua yaaa :D
tadi pas chiaki buka blog, chiaki langsung ngebuka page chat chiakii.. ehh.. ada yang nanya nih xD

Nahhh, yang penasaran siapa? hayoo *angkattangannyadongg*
oke deh, daripada pada pensaran yuk langsung cekidot ajah xD
Okeee, maksudnya neira adalah rotate image hover nih! hehehe.. bisa diliat contohnya seperti gambar dibawah

tuh tuhh.. jadi miring kann >< 
nah, bagi yang mau masang, ikutin step dibawah ya :D
1. Login ke Blogger 
2. Dashboard > Template
3. Pilih Edit HTML
4. Jangan lupa expand widget template dulu
5. Nahh, kalo sudah, cari kode /* Posts */
6. Tambahkan dibawahnya kode ini
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
7. Save template!!

Semoga berhasil ya minna >< untuk yang mau liat demonya, bisa dibuka di blog chiaki yang ini
Bye byee !! xD
Terima Kasih Sudah Membaca , Tinggalkan Komentar juga ya ^^


4 comments:

  1. Makasih tutorialnya ya kak,btw itu gambarnya mekakucity actors ya hehehe...
    Sama mau nanya dong kak, blog kakak yg anime gallery ko gabisa dibuka??

    ReplyDelete
    Replies
    1. hahha, iya nih gambar mekakucity ^^
      karena akun googlenya udh ditutup jdinya ilang blognyaaa :"(

      Delete

 
Related Posts Plugin for WordPress, Blogger...