Membuat Image Border Hover - Mumpung masih fresh nie otak, karena habis siaran kemaren pagi ini iseng-iseng lagi nyobain tutorial aneh-aneh yang suka bikin penasaran. Sekarang kita coba Membuat Image Border Hover. Sehingga nantinya image yang kita taruh dipostingan tidak tampil seperti biasa, akan ada hover pada border dan bordernya pun dikasih radius sehingga pojok dari Image akan melengkung sesuai ukuran yang kita tentukan.
Berikut ini script yang bisa kamu coba :
<img style="background-color: #678;border: 5px solid #FFF;border-radius: 100px;padding: 10px 50px;box-shadow:0 0 15px #000000 inset,0 0 10px #DEF;" src="URL_IMAGE"/>
Ganti tulisan warna merah dengan URL Image kamu.Demo Membuat Image Border Hover
0 komentar:
Posting Komentar