css 的
属性可用于调整图像的亮度,下面通过具体示例进行演示。
1、新建一个名为
的文件,用于实际操作并展示如何使用 CSS 控制图片亮度。
2、在
文件中,使用
标签引入两张图片,以便对比效果。
立即学习
“
前端免费学习笔记(深入)
”;
3、为第二张
元素添加
属性,便于后续通过 CSS 精准控制。
4、在样式表中,利用该 class 名作为选择器,为第二张图片设置
;其中
函数值大于 1 表示提亮,数值越大,画面越明亮。
5、使用浏览器打开
,查看两张图片的亮度差异效果。
filtertest.htmltest.htmlclassfilter: brightness(1.4)brightness()test.html