本人在生产项目中使用 UnoCSS 已经快两年了。前段时间在公司无脑整理了培训文档和我常用的一些小技巧，现在将排除项目内部代码之外的内容分享出来。

动效平台作为快手举办大型线上活动的坚实后盾，发挥着承上启下的关键作用。本篇文章将全方位地为您呈现Vision动效平台的整体架构及其演进思路，为您揭开这一强大平台的神秘面纱。

一. 展示型动画 VS 交互性动画 展示型动画在实际使用的场景中，实现的方法很多，比如用gif图，canvas，css3动画等，但是最终输出的结果是不带有交互的，也就是从动画起始状态到结束状态一气呵成，这个过程用户可以感知，但是无法参与。对于交互性动画而言，我们可以在动画播放的…

在浏览 iPhone15 概览页时，它的按钮动画引起了我的兴趣： 本篇文章将借助 js 动画库 GSAP 按钮出现和隐藏动画进行实现。

简介 SVG（Scalable Vector Graphics）是一种用于描述二维矢量图形的 XML 标记语言。它可以被用来创建图形和动画，通常用于 Web 开发中，因为它可以无损缩放而不会失真。

在页面加载过程中，进度条的存在可以很好的缓解用户的等待焦虑。 但是你可能不知道，90%以上的进度条只是模拟的，是假的进度条。没办法，大部分情况下都无法真实的算出资源的加载情况。既然无法避免，那我们就需

🛒 前端开发，商品呼啦啦抛物线飞向购物车，小二惊呼：飞入啦！顾客瞬间泪奔，网站火爆，程序员暗自得意，一切尽在掌握中！🚀🎉......

学这篇文章的原因很单纯，就是想学习可视化， 并且做一个教程加深自己的印象，当然也可以分享给别人学习，需要注意的是本篇基本是以代码为主，目的是为了快速了解并且上手。

我们在网上浏览时，经常能看到很多网站，随着页面滚动条向下滑动时，有非常丰富的页面动画效果；相信很多小伙伴也都很好奇，这样的网站效果是如何做出来的。我们本文就来深入的学习一下GSAP这个库的用法。