1

我已经研究box-shadow过在 CSS 中创建 s 但我们如何制作非盒子阴影？我用其中一个 CSS 技巧制作了三角形，我希望在它的侧面周围有一些阴影，但是当我添加box-shadow它时，它会在它周围添加一个框，然后添加一个阴影。我怎样才能做到这一点？

这就是发生的事情：演示。

4

2 回答 2

4

当然这是可能的。filter: drop-shadow您甚至可以为透明的 png 形状添加阴影。

参数与 for 几乎相同box-shadow：

-webkit-filter: drop-shadow(1px 1px 5px #000);
filter: drop-shadow(1px 1px 5px #000);

注意drop-shadow 仅适用于 webkit 引擎（Opera、Chrome 和 Safari）——感谢Eliran Malka指出这一点。

于 2013-07-19T23:56:57.607 回答
0

据我所知，不可能给 CSS 形状加上阴影。两种选择是 -

  • 使用 :before 或 :after 复制 CSS 形状，然后在下方 z-index 并将其定位到右下角
  • 使用图像作为形状并向图像添加阴影效果（如果你有 Photoshop，这是通过图层阴影滤镜完成的）
于 2013-07-19T23:52:25.587 回答