Codrops

Codrops 是老牌创意前端教程站,专注“惊艳的网页交互效果怎么做”——滚动叙事、悬停变形、文字动画这类高难度效果,它用带完整源码的教程一篇篇讲透。Awwwards 获奖作品的很多效果源头都能在这里找到教学版。

1. 按需求翻它的文章库(如做页面入场动画就看 “page transition” 相关)。
2. 每个 demo 都有在线预览 + 源码下载,先玩 demo 再读代码。
3. 它的 Playground 实验区适合开阔眼界;教程偏进阶,适合有一定基础后系统刷。

• 教程 + 完整源码 + 在线预览三件套
• 效果完成度高,不是玩具 demo
• 十多年积累,效果类型覆盖面广
• 教程与 demo 免费公开(部分周边产品收费,以官网为准)