Cara membuat Shirk CSS image hover effect di Blog

HaiSob apa kabar 😀 ? Ok sob, pada kesempatan ini saya akan berbagi Shirk CSS image hover effect.

Ada banyak sekali efek-efek yang bisa kamu tambahkan untuk membuat gambar di postinganmu menjadi lebih menarik lagi, Misalnya dengan menambahkan efek hover seperti Shirk CSS image hover effect.

Shirk Efek hover pada gambar di sini adalah efek yang muncul ketika cursor pointer mouse ada di atas gambar pada postingan blog kamu.

Shirk Image Hover Effect


shirk CSS image hover effect
shirk CSS image hover effect


Memasang Shirk CSS image hover effect di Blogger


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

3. Letakan kode dibawah ini di atas kode ]]></b:skin> atau di atas </style>
.post-body img { height:400px; width:400px; -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 { width:300px; height:300px; }
4. Save.

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

Sekian Shirk CSS image hover effect semoga bermanfaat.
Join This Site