Dragon Boat Festival动画项目
端午节的动画项目，样式走的是比较清爽的中国风，画面干净，动画细节也蛮用心。用上了 webpack 自动打包，sass 写样式，整体结构清晰，适合平时练手或搞个节日页面应应景。
动画部分主要用的是 transform、transition 和 animation 这几个 CSS 属性，配合提前写好的动画类名，通过 classList.add() 或 jQuery 的 addClass() 给 DOM 元素加特效，响应也快，效果也挺丝滑。
构建方面用的是 webpack，不用手动刷新页面，改完直接热更新，开发体验还不错。Sass 的部分也比较基础，比如变量、嵌套、mixin 都有用到，不复杂但挺实用。适合刚学完 Sass 的朋友熟练一下。
你要是平时喜欢搞些节日互动页或者节日专题落地页，这套代码就蛮合适，结构清楚、逻辑简单，不容易绕晕。想加点自己的设计也容易改，改几个类名或者 keyframe 动画就能出新感觉。
如果你对 webpack 或 Sass 还不太熟，可以看看下面这些文章，尤其是Webpack/Sass/React 概念证明这篇，挺有参考价值的。
文件大小：21.27MB
评论区