文章标签

SVG 中的系统字体

曾经有一段时间，为网站选择字体的明智之举是选择在尽可能多的平台上都受支持的字体系列。例如 `font-family: Tahoma;` 等等。或者更好的是，一个可以回退的字体栈……

Chris Coyier 于 2016 年 9 月 23 日

使您的 SVG 可访问包括向您的工作流程中添加额外的步骤，但这非常值得。通过采用简洁的语义标记并利用 CSS 的一些鲜为人知的功能，您可以创建易于维护的解决方案，其中包括……

Eric Bailey 于 2017 年 6 月 21 日

Paul Lewis 制作了一个 3D 卡片翻转动画。在那里相当简单，但这也需要一个阴影元素。

阴影可能需要四处移动或淡出，因此我们需要一个可以使用转换和不透明度进行动画处理的解决方案。

…

Chris Coyier 于 2016 年 9 月 6 日

Bjørn Johansen 解释了原因。

Jake Archibald 在评论中

事后看来，可能

…

Chris Coyier 于 2016 年 8 月 4 日

我最近参与了一个项目，该项目获得了大量流量，但用户却因为页面加载时间过长（大约 **10 秒**）而跳出。他们找我帮忙，因为页面上大部分图片……

Sarah Drasner 于 2022 年 9 月 20 日

我最近在 CodePen 上看到了这个加载器，一个纯 CSS 3D 旋转的条形集合，带有一个逐渐淡出的反射。它是通过为每个条形使用一个元素，然后复制每一个元素来创建……

Ana Tudor 于 2016 年 7 月 30 日

可缩放矢量图形 (SVG) 正在成为当今 Web 上的首选图形格式。您是否放弃了图标字体或用得到良好支持的 SVG 替换了旧的 pg、gif 和 png 图形？让我们看看这个……

Heather Migliorisi 于 2016 年 8 月 28 日

本指南来自 Florens Verschelde，其中包含 SVG 图标系统的基础知识以及一些不错的技巧：双色技巧、预加载精灵图以及使用自定义属性进行无限颜色变化。还有一些关于使用多种方法的有趣内容……

Chris Coyier 于 2022 年 5 月 27 日

关于如何使用 SVG 滤镜为图像设置样式或操作形状甚至制作疯狂的动画的文章已经很多了。

但我最近没有看到太多关于如何使用 SVG 滤镜为文本设置样式的文章。谢天谢地，……

Robin Rendle 于 2016 年 3 月 18 日