利用CSS提升元素的亮度

怡然一记 • 2022-12-10 • 技术分享 • 306 阅读

brightness()函数

brightness()函数设置的是元素的亮度，参数默认值是100%，100%-0是元素比原有亮度更暗，超过100%则是比原有更亮。

代码示例:

<style type="text/css" media="all">
    .low {
        filter: brightness(50%);
    }
    .higt {
        filter: brightness(150%);
    }
</style>
<body>
    <img src="https://yunshew.com/images/2022/12/03/IXdf.jpg" alt="1" />
    <img src="https://yunshew.com/images/2022/12/03/IXdf.jpg" class="low">
    <img src="https://yunshew.com/images/2022/12/03/IXdf.jpg" alt="2" class="higt" />
</body>

 

实现效果

原图

1

亮度为50%

亮度为150%

2

你也来试试吧!

提示:

每次预览后，需要再次点击编辑代码按钮，才会回到代码界面。

怡然一记
利用CSS提升元素的亮度
https://xsunhua.cn/700.html
THE END
分享
二维码
打赏
海报
利用CSS提升元素的亮度
brightness()函数 brightness()函数设置的是元素的亮度，参数默认值是100%，100%-0是元素比原有亮度更暗，超过100%则是比原有更亮。 代码示例: <style type……
<<上一篇
下一篇>>
文章目录
关闭
目 录