html - 如何制作CSS环绕式投影？还是有一个好方法？用最少的胶带？

我希望矩形DIV的所有四个侧面都具有阴影。

现在，我可以通过使用容器div来获得想要的东西，并获得一个带有正值的阴影和一个带有负值的阴影。我还没看到我能推动什么。而且因为这是在样板代码中完成的，所以我可以拥有一系列嵌套的DIV，它们具有不同的边框颜色，这是旧的CSS以前的方式。通过某种方式，我可能能够为四个DIV制作四个阴影。例如，参见“ CSS shadows on 3 sides”。

但是，我所见过的所有解决方案或搜索中发现的证据都像胶带一样。阴影是否足够强力地设计用于2面，而如果没有胶带则无法很好地实现4面？

如果需要的话，我会使用胶带，但是在选择胶带品牌之前，我宁愿先找到一种好的方法。

最佳答案

您是否希望有更多的开销，悬停阴影？

.shadow {
    -webkit-box-shadow:0 0 10px rgb(0,0,0);
    -moz-box-shadow:0 0 10px rgb(0,0,0);
    box-shadow:0 0 10px rgb(0,0,0);
}

您也可以将其与inset一起使用，使边缘看起来非常漂亮的3d外观。

关于html - 如何制作CSS环绕式投影？还是有一个好方法？用最少的胶带？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15419303/