Cara membuat Tilt CSS image hover effect di Blog

HaiSob apa kabar 😀 ? Semoga dalam keadaan baik. Ok sob, pada kesempatan ini saya akan berbagi Tilt CSS image hover effect.

Banyak sekali efek-efek yang bisa di tambahkan untuk membuat gambar di postinganmu menjadi lebih menarik, misalnya dengan menambahkan efek hover pada gambar seperti Tilt image hover efek.

Tilt Efek hover pada gambar di sini adalah efek yang muncul ketika mouse diarahkan pada gambar yang ada di postingan blog kamu.

Tilt Image Hover Effect


Tilt CSS image hover effect
Tilt CSS image hover effect


Memasang Tilt CSS image hover effect di Blogger


1. Di Blog Blogger 😊
2. Pilih menu Template ➔ Edit HTML
Tilt CSS image hover effect
Template ➼ Edit HTML

3. Letakan kode dibawah ini di atas kode ]]></b:skin> atau di atas </style>
.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(-22deg); -moz-transform:rotate(-22deg); -o-transform:rotate(-22deg); -ms-transform:rotate(-22deg); transform:rotate(-22deg); }
4. Save.

Cek gambar di postinganmu apa sesuai harapan atau tidak, jika tidak edit CSS diatas sesuaikan dengan CSS template blog kamu.

Sekian Tilt CSS image hover effect, salam Bloggers.
Join This Site