css如何调整图片的亮度

 时间:2024-10-05 23:19:28

在css中,可以通过filter属性设置图片的亮度。下面小编举例讲解css如何调整图片的亮度。

css如何调整图片的亮度

工具/原料

联想笔记本Air14

操作系统Windows10

zendstudio10.0

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解css如何调整图片的亮度。

css如何调整图片的亮度

2、在test.html文件中,使用img标签创建两张图片,用于测试。

css如何调整图片的亮度

3、在test.html文件中,给第二张图片标签添加一个class属性。

css如何调整图片的亮度

4、在css样式表内,通过class属性调整第二张图片的css样式,使用filter属骂宙逃慈性将图片的亮度调整到1.4。注:值越大,越明亮。

css如何调整图片的亮度

5、在浏览器打开test.html文件,查看结果。

css如何调整图片的亮度

js怎么可以改变li标签的背景颜色 js设置字体颜色 jquery获取对象属性值的方法? 怎么用css选择ul里最后一个li里面的a元素 HTML、CSS3怎么制作渐变边框
热门搜索
动漫英雄 连云港图片 脸上挤出来的螨虫图片 动漫设计学校 神兽金刚动漫