css图片变暗

最新推荐文章于 2025-05-19 09:53:14 发布

dust_fall

最新推荐文章于 2025-05-19 09:53:14 发布

阅读量941

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端 css

本文链接：https://blog.youkuaiyun.com/dust_fall/article/details/121618161

前端专栏收录该内容

2 篇文章

订阅专栏

这篇博客介绍了如何使用CSS来调整图片的亮度，通过`-webkit-filter`和`filter`属性实现50%的亮度调整，使得图片变得更暗或更亮。同时，也探讨了阴影遮罩层的应用，帮助读者理解如何在网页设计中增强视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css图片亮度，阴影遮罩层

img{
  -webkit-filter: brightness(50%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */
  filter: brightness(50%);
  /* 设置图片的亮度，使其看起来更亮或更暗。如果值是0%，图像会全黑；值是100%，则图像无变化；
  值是100%以上，则图像更亮*/
}