Awwwards

电影感、动效、滚动叙事的行业标杆

动效重高对比可商用奖项型

官方网站

适合学什么

学 Hero 区节奏、3D 融合、视差滚动

拆解提示

// 打开 DevTools → Elements → Animations
// 1. 找到关键 @keyframes
// 2. 对比 cubic-bezier 曲线
// 3. 尝试用 clamp() 复刻字号
// 4. 用 Container Query 重构布局

所有站点版权归原作者所有，仅作前端学习参考。