故事书架 — CSS Grid 漫画画廊

📝

内容提要

这是一份使用CSS Grid和现代CSS特性构建的漫画阅读列表，分为“阅读”、“完成”和“计划”三部分，具有响应式布局、细腻的滚动动画和随机旋转效果，适合展示当前阅读或创建视觉书单。

🎯

关键要点

• 使用CSS Grid和现代CSS特性构建漫画阅读列表

• 列表分为“阅读”、“完成”和“计划”三部分

• 采用响应式布局

• 使用自定义--avarage-color变量为每个卡片上色

• 包含细腻的滚动动画

• 卡片随机旋转，呈现手工放置的效果

• 使用Troubleside字体，营造柔和的印刷美感

• 适合展示当前阅读或创建视觉书单

🏷️

标签

CSS Grid css 响应式布局 滚动动画 漫画阅读 视觉书单