想让网页动起来、变漂亮，却不想自己手写一堆复杂的 CSS？ 现在有大量现成的 CSS 工具库 可以帮你省下时间：从 Primer CSS 这样的设计系统组件库，到 Magic CSS 这种炫酷的动画效

之前看过一篇文章：CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果，非常巧妙，将 CSS 动画融入文本内部，主要利用了混合模式，效果是这样的 为什么要用到混合模式呢？因为这是文本，文本内部不可能

在SVG里面加上foreignObject，就可以使用HTML+CSS制作你的动画卡片，学完就去炫你的创意吧！

frame-animator 是一个高性能的帧动画工具库，使用双屏canvas进行预绘制，支持播放、暂停、停止、改变帧率等，不妨一试。

阅读本文，你将学会：WebWorker + 离屏Canvas 实现多线程并发渲染优化、Canvas画板开发、图像边缘算法、图像粒子化...

mo.js是轻量级JavaScript动画库，通过简单API创建复杂动画。支持Vue，兼容性好，提升网页动态效果和交互性。示例展示在Vue中使用mo.js创建动画效果。

`Velocity.js` 是一个强大的 `JavaScript` 动画库，它不仅完全兼容 `jQuery` 的 `$.animate()` 方法，还能在不依赖 `jQuery` 的情况下独立工作。

大部分动画效果我都是使用 AOS 实现的，标题动画用JS和CSS写的。AOS 允许我们为页面中的元素添加各种动画效果，如淡入、滑动、缩放等，并根据用户的滚动行为自动触发这些动画。这不仅提高了用户体验，

背景 SVGA (Scalable Vector Graphics Animation) 是一种矢量动画技术，通常用于移动应用和网页设计中。它使用矢量图形来创建动画，使得动画在不同分辨率的设备上都能保