Tự code rồi chạy thử... 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;}
img{width:100px;height:auto;}
</style>
</head>
<body>

<h1>Chạy thử Css filter brightness</h1>

<h2>Hình gốc filter: brightness(100%);</h2>
<img style="filter: brightness(100%);" src="https://webmoi.vn/media/images/background-image-full-man-hinh.jpg">

<h2>Hình sáng filter: brightness(150%);</h2>
<img style="filter: brightness(150%);" src="https://webmoi.vn/media/images/background-image-full-man-hinh.jpg">

<h2>Hình filter: brightness(50%);</h2>
<img style="filter: brightness(50%);" src="https://webmoi.vn/media/images/background-image-full-man-hinh.jpg">

<h2>Hình gốc filter: brightness(1);</h2>
<img style="filter: brightness(1);" src="https://webmoi.vn/media/images/background-image-full-man-hinh.jpg">

<h2>Hình sáng filter: brightness(1.6);</h2>
<img style="filter: brightness(1.6);" src="https://webmoi.vn/media/images/background-image-full-man-hinh.jpg">

<h2>Hình tối filter: brightness(0.3);</h2>
<img style="filter: brightness(0.3);" 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