Html 如何在长方体阴影中使用15像素、7%不透明度到0%不透明度？

我是

css

和

html

的新手，想用这个计划植入这个盒子阴影吗

 Box shadow: 15 px, #000000 7 % opacity to #000000 0 % opacity

为此，请编写以下css:

box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7) #dadada;

---

但这不是我的目标输出。我如何才能为此编写css？谢谢大家。

您可以使用伪元素和

线性渐变来实现此结果，如下所示


正文{
背景色：小麦；
}
#演示{
位置：相对位置；
利润率：20px；
宽度：50px；
高度：50px；
背景色：浅绿色；
}
#演示：之前{
位置：绝对位置；
z指数：-1；
左：-15px；
顶部：-15px；
宽度：80px；
高度：80px；
背景：线性梯度（rgba（0,0,0,0），rgba（0,0,0,0.7））；
内容：''；
}
那么你想在你的盒子阴影颜色中有一个渐变吗？@Sebastian是的，我想要我的朋友。
盒子阴影有什么问题：0px 0px 15px rgba（0,0,0,0.7）？我们可以看到您想要的实际输出的图片吗？普通框阴影将从指定的颜色（alpha=0.7）变为alpha=0。（顺便说一下，alpha=0.7不是7%的不透明度）。