文章标签

如果你熟悉 SVG 和 CSS 动画，并且开始经常使用它们，那么在开始工作之前，你可能想要牢记一些想法。本文将探讨如何…

如果你绘制自己的 SVG 文件或从互联网下载它们，那么像 SVG-Editor 或 SVGOMG 这样的工具将是你最好的朋友。使用这些工具压缩文件只需几秒钟，就能将文件大小减…

来自 Tyler Sticka 的一个小型开源 实用程序，它返回一个 SVG 的数据 URL，可以根据需要用作图像占位符。

我喜欢这种自运行的实用程序，而不是依赖于某些第三方服务，例如 placekitten…

在使用 SVG 绘制线条时，通常会有一个带有描边的 <path></path> 元素。你设置一个与路径本身一样长的 stroke-dasharray，以及一个延伸到整个描边…

我们已经介绍了动画 弯曲文本 的想法，不久前，一篇有趣的 纽约时报文章 发表了。我只是查看了他们是如何做到的，并将相关的部分提取到一个更孤立的演示中…

在 Web 上进行动画的方法确实数不胜数。我们之前在这里已经介绍了 不同动画技术的比较。今天，我们将深入探讨我最喜欢的实现方法之一的分步指南：…

来自 Jérémie Patonnier 的这个演示令人难以置信。请确保在 Firefox 中查看它，因为 Chrome 中的某个错误似乎阻止了整个演示的运行。

主要的想法是整个演示只有一个 <rect> 元素。就只有它…

Oooo！来自 Thomas Steiner 的 一个真正的技巧。Chrome 很快将支持 SVG Favicon（例如 ）。你可以在 SVG 中使用 元素嵌入 CSS。

<style>。该 CSS 可以使用 prefers-color-scheme 媒体查询，因此…

我发现自己至少每个月都要在网上搜索来自 Yoksel 的某个工具。我想我应该在这里列出一些我最喜欢的工具，以防你不知道它们…