css图片变暗

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

原创最新推荐文章于 2025-05-19 09:53:14 发布 · 941 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #css

前端专栏收录该内容

2 篇文章

订阅专栏

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

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

css图片亮度，阴影遮罩层

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