Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Css filter brightness</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#hgoc{width:100px;height:auto;filter: brightness(100%);}
#hfgr{width:100px;height:auto;filter: brightness(150%);}
#hfgr50{width:100px;height:auto;filter: brightness(50%);}
#hfgr1{width:100px;height:auto;filter: brightness(1);}
#hfgr16{width:100px;height:auto;filter: brightness(1.6);}
#hfgr03{width:100px;height:auto;filter: brightness(0.3);}
</style>
</head>
<body>
<h1>Chạy thử Css filter brightness</h1>
<h2>Hình gốc filter: brightness(100%);</h2>
<img id="hgoc" src="https://webmoi.vn/media/images/background-image-full-man-hinh.jpg">
<h2>Hình sáng filter: brightness(150%);</h2>
<img id="hfgr" src="https://webmoi.vn/media/images/background-image-full-man-hinh.jpg">
<h2>Hình filter: brightness(50%);</h2>
<img id="hfgr50" src="https://webmoi.vn/media/images/background-image-full-man-hinh.jpg">
<h2>Hình gốc filter: brightness(1);</h2>
<img id="hfgr1" src="https://webmoi.vn/media/images/background-image-full-man-hinh.jpg">
<h2>Hình sáng filter: brightness(1.6);</h2>
<img id="hfgr16" src="https://webmoi.vn/media/images/background-image-full-man-hinh.jpg">
<h2>Hình tối filter: brightness(0.3);</h2>
<img id="hfgr03" src="https://webmoi.vn/media/images/background-image-full-man-hinh.jpg">
</body>
</html>

Chạy thử Css filter brightness nằm trong bài viết Thuộc tính filter trong CSS