CSS Scroll Snap 允许网站在用户执行滚动操作时将网页或任何其他滚动容器捕捉到特定的滚动位置。此功能已在所有现代浏览器中支持两年多了，…

随着语音界面的日益普及，值得探索一些我们可以使用语音交互完成的事情。例如，如果我们可以说一些东西，然后将其转录并输出为可下载的 PDF 文件，会怎么样？

好吧，…

Dave Rupert 使用一些现代 CSS 魔法解决了经典难题之一：当组件的 CSS 无法处理我们提供的內容时会发生什么？

具体情况是，当布局网格预期…

在使用 CSS Grid 时，第一步是在我们希望成为网格容器的元素上设置 display: grid。然后我们使用 grid-template-columns、grid-template-rows… 的组合显式定义网格。

Chris 称滚动阴影是他最喜欢的 CSS-Tricks 之一。Lea Verou 普及了使用四个分层背景渐变和一些巧妙的 background-attachment 魔法的纯 CSS 方法。结果是一个流畅的滚动交互，为用户提供了一个提示…

众所周知，MDN 在 3 月份推出了新的设计。它非常漂亮！其中还有一些很棒的 CSS 宝石，值得一看。其中一颗宝石是卡片组件如何处理截断的…

URL 缩短器是我们用来使链接比实际长度更短的工具。使用 URL 缩短器，您可以将长链接（可能是注册表单或文章的链接）转换为较短的版本。

在幕后，长…

HTML 标题并非每天都是热门话题，但我的已保存链接文件夹中积累了关于最近合并的WHATWG 活文档标准中删除文档大纲算法的文章。

首先，您应该知道…

假设您在 SVG 中有一条线

<svg<line x1="0" y1="30" x2="500" y2="30" stroke-color="#f8a100" /</svg

您可以使用 CSS 中的 stroke-dasharray 属性来创建虚线

line {
  stroke-dasharray: 5;
}

该 5 值是一个基于… 的相对单位