跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

CSS调整图片亮度方法

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

相关文章