有谁知道如何做这个阴影过滤器？答案

【问题标题】：Does anyone know how to do this shadow filter?有谁知道如何做这个阴影过滤器？
【发布时间】：2021-12-30 11:13:35
【问题描述】：

有谁知道如何在 CSS 中做这个阴影过滤器？

【问题讨论】：

使用灰度滤镜：grayscale();
欢迎来到 Stack Overflow _ 看起来您正试图让某人为您编写代码，这不是本网站的用途 _ 请添加您尝试过的任何代码尝试。您还应该访问 SO 帮助中心的“提问”部分，以了解有关提交格式正确的问题的更多信息 _ 这样做将有助于确保您的帖子不会被否决 >>> stackoverflow.com/help/asking

【解决方案1】：

尝试使用 ::before 和 ::after 等伪元素如果你有一个 className 为 card 的 div，这将是 css 解决方案：

 .card {
    position:relative
}
 .card::before {
     content:"";
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     background:#000;
     opacity:0.4;
}

您可能对文本和图像有一些问题，请记住，为每个项目提供 z-index 将解决它。

【讨论】：

除了现在提供帮助之外，该站点还专注于为未来的所有访问者创建有用的问题和答案_在目前的状态下，这个问题并不好，可能会被关闭。请阅读有关回答 SO 问题的常见问题解答，特别是“回答常见问题”部分 >>> stackoverflow.com/help/how-to-answer