常见的主要有以下几种：
 1. CSS动画
   - 特点：通过CSS3的`@keyframes`和`transition`实现，性能较好，适合简单动画。
   - 应用场景：按钮悬停、页面加载效果等。

 
2. JavaScript动画
   - 特点：使用JavaScript（如`requestAnimationFrame`）或库（如GSAP、Anime.js）实现，控制更灵活。
   - 应用场景：复杂交互、游戏、数据可视化等。

 
3. SVG动画
   - 特点：通过SVG和CSS/JavaScript结合实现，适合矢量图形动画。
   - 应用场景：图标动画、数据可视化、复杂图形效果。

 
4. Canvas动画
   - 特点：使用HTML5的`<canvas>`元素和JavaScript绘制，适合高性能图形和复杂动画。
   - 应用场景：游戏、动态图表、粒子效果等。

 
5. WebGL动画
   - 特点：基于WebGL的3D图形渲染，适合高性能3D动画。
   - 应用场景：3D模型展示、虚拟现实、复杂3D效果。

 
6. GIF动画
   - 特点：使用GIF图片