Paint

【CSS】书封展示

【CSS】书封展示

演示

解析

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

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


Copyright © 2024 Lionad - CC-BY-NC-CD-4.0