文章标签

Web Animations API 允许我们构建动画并使用 JavaScript 控制其播放。该 API 将浏览器的动画引擎开放给开发人员，旨在作为 CSS 动画和过渡实现的基础，为…打开了大门。

在 JavaScript 中为手风琴制作动画一直是网站上被问及最多的动画之一。有趣的事实：jQuery 的 slideDown() 函数早在 2006 年的第一个版本中就已经可用。

在这篇文章中，我们将了解如何使用原生…

要使用 Web Animations API（例如 el.animate()），您需要引用要定位的 DOM 元素。那么，如何在没有直接引用的伪元素上使用它呢？Dan Wilson 介绍了一个（比较新的？）部分…

我已经编写 Web 动画并帮助其他人这样做多年了。但是，我还没有看到一份关于如何高效地构建动画的简洁技巧列表，所以现在就有了！

我将使用…

在运动和动画方面，可能没有什么比粒子更让我着迷了。这就是为什么每次我探索新技术时，我最终都会尽可能多地创建带有粒子的演示。

在这…

在撰写本文时，这些功能尚未在任何稳定浏览器中发布。但是，所有讨论的内容默认情况下都已包含在Firefox Nightly 中，关键部分已包含在Chrome Canary 中（启用了实验性 Web 平台功能标志），因此…

当用户界面直观且易于用户理解时，它是最有效的。动画在其中发挥着重要作用 - 正如Nick Babich 所说，动画使用户界面栩栩如生。但是，添加有意义的过渡和微交互…

交错动画，也称为“贯穿”或“重叠动作”，是奥利·约翰斯顿和弗兰克·托马斯在其 1981 年的著作“生命幻象”中定义的迪士尼十二项动画原则之一。其核心概念…

JavaScript 中有一个用于动画的原生 API，称为 Web Animations API。在本文中，我们将其称为 WAAPI。MDN 有关于它的良好文档，Dan Wilson 有一个很棒的文章系列。

在这篇文章中，…