css - 在网页两侧放置阴影以实现纸张效果？

Question

我正在使用 Bootstrap 4 来创建我的网站，我希望两侧的颜色不同并且有阴影，从而产生 float 的纸张效果。 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;