在网页两侧留下阴影以达到纸张效果？

Question

我使用Bootstrap 4来创建我的网站，我希望两侧有不同的颜色并且有阴影，从而产生浮动纸效果。 Here是我希望实现的一个例子。在使用Bootstrap的时候我该怎么做呢？

Answer 1

这将是这样的：

/* the numbers move the shadow: 1) r-l; 2) up-down; 3) blur. Then the color. */
box-shadow: 4px 4px 8px #ccc;