🌐 基础学习
CSS 参考手册: 一个全面的 CSS 参考书，适合初学者和专业开发者。
CSS 灵感源泉: 提供灵感的 CSS 网站，为你的项目注入创意和独特性。
Awwwards: UI 设计师的灵感之源，展示创意和卓越的网站设计。
HTML Cheat Sheet: 交互式在线 CSS 速记表，助力快速学习和记忆关键概念。
Learn Layout: 深入学习 CSS 布局，提升网页设计技能。
CSS Tricks: 发现 CSS 小技巧，提高你的前端开发水平。
Web.dev CSS 教学专栏: Google Web.dev 上的 CSS 教学专栏，学习最佳实践和最新技术。
W3 How To: 学习如何实现常见的页面组件，扎实掌握实用技能。
CodemyUI: 450 多个纯 CSS 实现的 UI 设计，灵感无限。
🧚 CSS 动画
Animate.style: 纯 CSS 动画集，不依赖 JavaScript，为网页注入生动效果。
Obnoxious: 独特而夸张的 CSS 动效，展现出惊艳的页面效果。
CSS Shake: CSS 抖动特效，使你的页面更加引人注目。
AnimXYZ: CSS 三维变换动画，为网站带来视觉冲击。
Animista: 可自由调节参数的 CSS 动画集，为定制化设计提供灵感。
Hover: CSS 鼠标悬浮动画，增添用户交互的趣味性。
Magic: 适合专场动画的 CSS 动效，为网页注入独特的魔法感。
🕹️ 教学游戏
CSS Grid Garden: 通过给萝卜浇水，轻松学习 CSS 网格布局。
Flexbox Defense: CSS 塔防游戏，通过游戏学习 flex 布局。
Flukeout: 通过做饭，练习 CSS 选择器，轻松掌握选择器的使用。
Flexbox Froggy: 送小青蛙回家，愉快学习 flex 布局。
🎰 代码生成
Tiny Helpers: 一系列有趣的小工具，助你提高 CSS 编程效率。
Glass Generator: 制作磨砂透明效果，为页面增添玻璃质感。
Cool Backgrounds: 酷炫的背景图生成器，定制专属页面风格。
Pixel Art CSS: 自定义像素素材，创造独特的网页设计。
Stripes Generator: 布条背景图生成器，打造独特纹理效果。
SVG Wave: 波纹生成器，为网页增添流动感和动态效果。
Adobe Color: Adobe 色彩拾取工具，考虑色盲用户可访问性。
Fancy Borders: 圆角 border-radius 的新玩法，创造出令人惊艳的页面边框。
（通过上述圆角的创意，你甚至可以画出一滴水珠💦，具体的示例可以在 这里 查看。）
🌈创意组件与动画
Accordion Slider: 利用纯 CSS 实现百叶窗效果，为页面增添独特的交互体验。
Grid Layout Generator: 使用网格布局生成器，轻松实现复杂的页面布局，提高开发效率。
Keyframes App: 创造令人惊艳的 CSS 动画，通过直观的界面轻松生成关键帧动画。
CSS Filter Generator: 定制各种 CSS 滤镜效果，为图片和元素增添视觉吸引力。
Image Slider Maker: 使用这款轮播生成器，快速实现酷炫的 CSS 轮播效果，轻松打造焦点图展示。
30 Seconds of Code: 探索 CSS 领域的 30 秒代码片段，提供快速解决问题的代码示例。
🎨色彩搭配
Color Hunt: 探索独特的配色方案，提升你的网页设计审美。
MyColor: 轻松搭配颜色，创造和谐的网页配色方案。
CLRS: 配色灵感，助力你打造令人难忘的页面设计。
CSS Gradient: 创造各种炫彩渐变，为网页增色不少。
⛲参考：
CSS 资源大全中文版: 更多丰富的中文 CSS 学习资源。
Awesome CSS: GitHub 上收集的令人惊叹的 CSS 资源。
CSS 创意特效网站整理: 深度挖掘一些有趣的 CSS 特效网站，激发创作灵感。
