Efek glow digunakan untuk memberikan efek seperti cahaya di sekitar gambar. untuk menambahkan efek glow properti yang digunakan di dalam css adalah "box-shadow" tanpa basa basi sekarang kita akan langsung ke contoh
<html>
<head></head>
<body>
<img url="defaul.jpg">
</body>
</html>
gambar tersebut akan saya tambahkan efek glow dengan menambahkan css ke dalam codingan.
<html>
<head>
<style type="css">
img{box-shadow:0px 0px 5px 10px yellow;}
</style>
</head>
<body>
<img url="defaul.jpg">
</body>
</html>
maka hasilnya :
pada property box-shadow nilainya kan 0px 0px 5px 10px yellow
maksudnya adalah
0px = untuk glow di bagian kanan saja
0px = untuk glow di bagian bawah saja
5px = untuk seberapa ngeblur warna yang di inginkan
10px = untuk glow di seluruh bagian
yellow = warna glow
sekian post tentang membuat efek glow
semoga mengerti terima kasih
0 komentar:
Posting Komentar