盒子阴影 - 外面稀释剂

Question

仅使用CSS，如何给div一个中间较厚的阴影，并在它外出时变薄？ box-shadow似乎没有提供方法。

这里有一个例子，http://www.ifirma.pl/bonusy。标题有我想要的阴影：

然而，这个是用背景图像完成的。纯粹用CSS可能吗？

Answer 1

是的，这是可能的！

请参阅https://css-tricks.com/almanac/properties/b/box-shadow/

  

使用负展开半径，你可以挤进一个盒子阴影，只将它从盒子的一边推开。

.one-edge-shadow {
  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
}

也试试，＆＃34;效果6＆＃34;来自上面提供的链接中的示例。