JavaScript动画效果合集
简洁好用的 JavaScript 动画代码，真的是前端开发的宝藏资源。里面不少案例写法清晰，逻辑也不绕，看一眼就能上手。适合搞交互动效或者页面小动画的朋友。像页面加载动画、鼠标悬停效果这种，基本都能找到对应的写法，直接拿来改一改就能用。
动画效果的组合方式比较灵活，比如用setTimeout控制时序，用classList.add()切换动画类名，都挺常见的。你要是想做点自定义动效，加点canvas或者requestAnimationFrame的操作，也有例子可以参考，写起来比较爽。
我比较推荐你先从这些看看：JavaScript 特效 2013.06.14 前端动画合集 和 前端开发常用 JavaScript 特效。前者种类多，后者实用性强，尤其适合你赶项目或者临时补个效果。
嗯，顺带说一句，有些特效里用的写法稍微老点，比如直接操作style属性或者大量用setInterval，不过你要是清楚它的结构，改成CSS Transition或者GSAP也不是难事。
如果你平常做着各种 Landing 页、营销页，那这些动画代码真的蛮值的，能帮你快速出活。有空可以把里面的逻辑拆一拆，看懂之后举一反三，后面自己写动画就更顺手了。
如果你想用更现代的方式重构这些效果，可以试试把requestAnimationFrame用上，性能更稳，配合transform和opacity搞动画，浏览器也不卡。
文件大小：431.65KB
评论区