DEV Community
·
故事书架 — CSS Grid 漫画画廊
💡
原文英文，约100词，阅读约需1分钟。
📝
内容提要
这是一份使用CSS Grid和现代CSS特性构建的漫画阅读列表，分为“阅读”、“完成”和“计划”三部分，具有响应式布局、细腻的滚动动画和随机旋转效果，适合展示当前阅读或创建视觉书单。
🎯
关键要点
- 使用CSS Grid和现代CSS特性构建漫画阅读列表
- 列表分为“阅读”、“完成”和“计划”三部分
- 采用响应式布局
- 使用自定义--avarage-color变量为每个卡片上色
- 包含细腻的滚动动画
- 卡片随机旋转，呈现手工放置的效果
- 使用Troubleside字体，营造柔和的印刷美感
- 适合展示当前阅读或创建视觉书单
➡️
