Cara membuat Grow CSS image hover effect di Blog

HaiSob apa kabar 😀 ? Kesempatan ini saya akan berbagi Grow CSS image hover effect.

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

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

Grow Image Hover Effect


Grow CSS image hover effect
Grow CSS image hover effect


Memasang Grow CSS image hover effect di Blogger


1. Di Blog Blogger 😊
2. Pilih menu Template ➔ Edit HTML
Grow 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:300px; width:300px; -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:400px; height:400px; }
4. Save.

Cek gambar di postinganmu apa sesuai harapan atau tidak. Sekian Grow CSS image hover effect semoga bermanfaat.