分享 Web 动画 有关文章

在 Flutter 中，我们使用 GridView 来实现网格布局。但它不支持Grid Item 元素拖动，无法手动拖动调整排序。所以我开发了 `DragGrid` 组件 (图文详解原理)。

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

View Transitions API 允许在单页面应用中使用过渡动画，帮助用户在导航时更好地理解页面 A 和页面 B 之间的关系, 同时降低认知负荷，减少加载/渲染的延迟感知。

目前浏览器实现动画的方式有如下两种 JS 动画 和 CSS 动画，本篇详细讲解 CSS 动画：CSS Transition过渡 和 CSS Animation 动画。

浏览器动画引擎 API，可以通过 JS 操作。这些 API 被设计成 `CSS Transition` 以及 `CSS Animation` 的接口，很容易通过 JS 的方式实现 CSS 动画。