利用CSS提升元素的亮度
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>
实现效果
原图
亮度为50%
亮度为150%
你也来试试吧!
提示:
每次预览后,需要再次点击编辑代码按钮,才会回到代码界面。
利用CSS提升元素的亮度
https://xsunhua.cn/700.html



共有 0 条评论