Cara membuat Brightness CSS image hover effect di Blog

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

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

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

Brightness Image Hover Effect


Brightness CSS image hover effect
Brightness CSS image hover effect


Memasang Brightness CSS image hover effect di Blogger


1. Di Blog Blogger 😊
2. Pilih menu Template ➔ Edit HTML
Brightness 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-filter:brightness(0.25); -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; }
.post-body img:hover {-webkit-filter:none; }
4. Save.

Cek gambar di postinganmu apa sesuai harapan atau tidak. Sekian Brightness CSS image hover effect semoga bermanfaat.
Join This Site