文章标签

探索 CSS Paint API：多边形边框

如今，使用clip-path创建复杂形状是一件轻而易举的事，但为这些形状添加边框却始终让人头疼。CSS 并没有提供可靠的解决方案，我们总是需要为每个特定的情况编写特定的“hacky”代码……

Temani Afif 于 2021 年 10 月 22 日

我热爱形状，尤其是色彩丰富的形状！网站上的形状与背景颜色、图像、横幅、分隔符、插图等同等重要：它们可以帮助我们理解上下文，并通过 affordances（可供性）引导我们的操作。

一个……

Tapas Adhikary 于 2021 年 9 月 8 日

剪辑和蒙版在 CSS 中已经存在了一段时间，并且拥有相当不错的浏览器支持。我最近在一个项目中需要使用剪辑技术来创建显示在文本链接上方的工具提示……

Louis Hoebregts 于 2021 年 6 月 17 日

几周前，我偶然发现了Mikael Ainalem 创建的这个很酷的弹出效果。它展示了 CSS 中的clip-path: path()，它刚刚在大多数现代浏览器中获得了良好的支持。我想自己深入研究一下，以了解……

Adrian Bece 于 2021 年 4 月 2 日

大家好，我们又回到了每周更新，为您带来来自Šime Vidas的浏览器环境概览。

在本周的更新中，CSS :not 伪类可以接受复杂的选择器，如何在 Chrome 中使用“在页面上查找…”时禁用平滑滚动，Safari 的……

Šime Vidas 于 2021 年 4 月 15 日

这两者如此相似，我很难区分它们。这是viewBox（多么酷的名字和URL，希望他们能一直保持下去）提供的一个很好的解释。

最主要的区别是clipPath……

Chris Coyier 于 2020 年 12 月 27 日

你可能知道一些使用纯 CSS 创建图表的方法。CSS-Tricks 上介绍了一些，CodePen 上还有很多其他的例子，但我还没有见过很多“面积图”的例子（想象一下……

Rami Yushuvaev 于 2020 年 12 月 7 日

1. 使用三角形形式的 SVG。Erik Kennedy 在CSS-Tricks上对这种技术进行了很好的描述。
2. 使用clip-path隐藏部分区域。阅读对角线容器

…

Chris Coyier 于 2020 年 4 月 27 日

当我第一次听说clip-path: path()即将进入 Firefox 时，我感到非常兴奋。想象一下，能够仅使用一个 HTML 元素和很少的 CSS 轻松地编码一个像下面这样的呼吸框，而无需……

Ana Tudor 于 2020 年 3 月 2 日