文章标签

过去几年里，我一直玩弄着 CSS Paint API，它是我最喜欢的工具之一。 我对此发表过 演讲，还创建了 我自己的 paint worklets 的小画廊……

浏览器长期以来一直是艺术和设计的媒介。 从 Lynn Fisher 充满欢乐的 A Single Div 作品到 Diana Smith 令人惊叹的 CSS 绘画，充满创意、技术精湛的开发人员多年来不断推动着……

为复杂形状添加边框是一件很痛苦的事，而将复杂形状的角圆滑则是一场噩梦！ 幸运的是，CSS Paint API 可以帮我们解决问题！ 这正是我们在这篇 “探索”…

如今，使用 clip-path 创建复杂形状是一件轻而易举的事，但为形状添加边框始终是一件很痛苦的事。 没有可靠的 CSS 解决方案，我们总是需要为每个特定的…

在 碎片化效果之后，我将着手处理另一个有趣的动画：Blob！ 我们都同意，这种效果很难用 CSS 实现，因此我们通常会使用 SVG 来制作这些粘稠的形状。 但…

在我的 上一篇文章中，我使用 CSS 遮罩和自定义属性创建了碎片化效果。 这是一个不错的效果，但它有一个缺点：它使用了大量的 CSS 代码（使用 Sass 生成）。 这一次，我…

CSS Paint API（神奇 Houdini 家族的一部分）为 CSS 设计开辟了一个激动人心的新世界。 使用 Paint API，我们可以创建自定义形状、复杂图案和精美的动画——所有这些都通过一个…

不错的网站来自谷歌（以及客座贡献者），其中包含大量关于 Houdini 功能的有趣演示。 此外，Una 还撰写了 一篇介绍。 这些都是 Paint API 演示。 从技术上讲，Houdini 是一个包含 七件事 的集合，它们…

问问一百位前端开发人员，他们大多数人（如果不是全部）都会在他们的职业生涯中使用过 box-shadow 属性。 阴影历久弥新，如果使用得当，可以增添优雅、微妙的效果。 但阴影占据着一种奇怪的…