文章标签

使用 SVG 和原生 JavaScript 创建星形到心形动画

在我的上一篇文章中，我展示了如何使用原生 JavaScript 将一种状态平滑地过渡到另一种状态。请务必先阅读这篇文章，因为我将在本文中参考一些我在那篇文章中解释的内容...

Ana Tudor 于 2018 年 8 月 29 日

这里的想法是在按钮中使用 SVG 图标，并在点击按钮时将其替换为另一个图标。按钮点击通常暗示采取了某种操作，因此切换图标可以是一个很好的...

Geoff Graham 于 2017 年 5 月 4 日

我敢肯定，正如大家所料，在网络上有很多不同的方式来做同一件事。形状变形作为网络上的一种东西，也不例外。有一些原生技术，还有一些利用... 的库。

Chris Coyier 于 2017 年 4 月 24 日

我在Bay View 印刷公司（我所在的当地社区凸版印刷店）上了一堂关于使用聚合物版进行印刷的课程。这家店里充满了木活字和金属活字，以及所有相关的配套设施...

Chris Coyier 于 2018 年 8 月 29 日

我被问到最多的问题是：你推荐使用哪种动画工具？

我使用过很多工具，我可以告诉你，**没有正确答案**。这是一个复杂的问题，答案也很复杂。本文旨在...

Sarah Drasner 于 2020 年 3 月 30 日

Greensock 在这方面做得非常出色。你知道形状变形吗？它是一个很酷的效果，有很多用途，从实用到艺术都有。SMIL 可以做到，但它的未来在于...

Chris Coyier 于 2018 年 8 月 29 日

你有没有在工作中遇到过这样的一天，当你刚开始处理一项任务时，就不断地被分配新的任务？这种感觉充其量令人感到突兀，最糟糕的情况是让人感到沮丧，浪费时间。在最近的...

Sarah Drasner 于 2018 年 8 月 29 日

虽然使用 CSS 为 SVG 动画既简单又方便，但 CSS 无法为所有可动画的 SVG 属性进行动画。例如，所有定义元素实际形状的属性都无法更改或动画化...

Chris Coyier 于 2018 年 8 月 28 日

尽管使用 CSS 为 SVG 动画对普通前端人员来说可能更方便，但 SVG 自身还提供了一种内置于 SVG 语法本身的动画方式。这正是我们在本视频中简要介绍的内容，但...

Chris Coyier 于 2018 年 9 月 4 日