文章接着上一篇 复杂 web 动画开发（GSAP篇） 为什么 选择 Framer Motion Framer Motion是比较新的 react 动画方案，提供了很多 Hook来开发，更加贴合现代化的

在之前的系列文章中，我们详细分析并讲解了 **Web 动画** 中 `CSS 动画` 和 `JS动画` 的定义、使用、优劣以及适用场景。本篇则主要分享如下几款优秀的 CSS 动画库 和 JS 动画库。

这是我参与8月更文挑战的第2天，活动详情查看：8月更文挑战 wx-wow 该项目为提供微信小程序一套便捷好用动画执行方案， 通过添加简单的动画类名和一些简单的参数，即可实现想要的动画效果。

什么是毛玻璃效果 毛玻璃效果，也称为玻璃模糊效果或模糊透明效果，是目前非常流行的设计新趋势。它通过在背景图像上应用模糊和透明度处理来创建一种类似于磨砂玻璃的视觉效果。这种设计可以增强界面的美观性，同时

在前端开发过程中，我们也有可能遇到噪点插画风格的设计稿，本文主要内容主要就是通过几个示例来实现几种噪点效果。本文包含的知识点包括：CSS 属性 mask 遮罩、SVG 滤镜 feTurbulence、

关于vue的动画库有很多，但今天我只分享两个，GSAP和Vue-Lottie是个人认为目前功能比较强大的动画库。 1、GSAP 地址：https://greensock.com GSAP全称为Gree

基于 clip-path: polygon(x y, x2 y2, x3 y3); 实现碎片化图像的效果。

Lottie 是一个由 Airbnb 开源的动画库，它允许你在 Web、iOS、Android 等平台上使用体积小、高性能的体验丰富的矢量动画。本文将详细介绍在 Vue 项目中如何使用 Lottie

前言 上个周写了一篇大屏开发经验总结，引来了不少朋友围观，还未浏览的朋友可以直接跳转：https://juejin.cn/post/7365414174216454194。 很多前端在开发大屏的时候，