文章标签

响应式动画适用于任何屏幕尺寸和设备

在我转行做开发之前，我做过很多 After Effects 的动态图形工作。但即使有这样的背景，我仍然发现网页动画非常令人困惑。

视频图形是在特定比例内设计的，并且……

Cassie Evans on Oct 20, 2022

accessibility css variables outline SVG animation units

平台新闻：圆角轮廓、GPU 加速的 SVG 动画、CSS 变量是如何解析的

本周新闻包括：Firefox 增加了圆角轮廓，Chrome 中的 SVG 动画现在由 GPU 加速，CSS 中没有物理单位，纽约时报的字谜游戏可以访问，并且 CSS 变量在继承之前被解析。……

Šime Vidas on Apr 15, 2021

animating border border-image SVG animation

如何使用 border-image 动画 SVG

让我们看看如何将 CSS 中的 border-image 属性与围绕边框移动的动画 SVG 结合使用。在此过程中，我们将介绍如何手工制作可调整大小、九切片的动画 SVG，您可以使用它们不仅可以重新创建……

Uri Shaked on Dec 4, 2020

SVG SVG animation

SVG 绘制动画的库

2013 年，Jake Archibald 介绍了这个很酷的技巧，通过动画 SVG 路径使其看起来像在自动绘制。现在是 2020 年，这个技巧仍然很受欢迎。我最近访问了许多网站，都看到了它。我……

Linda Ikechukwu on Nov 11, 2020

css animation sprites SVG animation

从 60 天用手写 CSS 重新制作僵尸动画中学到的经验

我会在讨论中学到的经验时链接到各个 Pens，但如果您想了解整个项目，请查看 Undead Institute 的 60 天动画。我开始这个项目是为了在 2020 年 8 月 1 日结束，与我写的一本书的出版日期相吻合，这本书以 CSS 动画、幽默和僵尸为特色——因为，很明显，如果你不展现你的网页技能并阻止末日，僵尸会摧毁世界。没有什么比移动的 HTML 元素更能伤害僵尸群了！