【CSS】书封展示

1. 【CSS】书封展示
   1. 演示
   2. 解析

演示

Open fullscreen:

Open fullscreen:

Open fullscreen:

解析

• 背景的磨砂质感使用 SVG 绘制。
• 在磨砂背景上叠加了一层来自右上角的 radial-gradient 渐变仿制点光源。
• 书的褶皱使用 linear-gradient 渐变绘制。
• 书的边缘进行了模糊处理。
• 阴影使用了多重阴影。

详情请参见博客：《CSS 幻术 | 光影效果探秘》