文章标签

为复杂形状添加边框很痛苦，但为复杂形状圆角简直是噩梦！幸运的是，CSS Paint API 出现了！这正是我们将在本 “Exploring …

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

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

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

有一段时间了，CSS 规范包含了许多非常有用的 数学函数，例如三角函数（sin()、cos()、tan()、asin()、acos()、atan()、atan2()）、指数函数（…

在处理复杂的 CSS 动画时，有一种倾向是创建包含大量声明的扩展 @keyframes。但是，我想谈谈一些技巧，这些技巧可能有助于简化操作，同时保持在…

Nice site 来自 Google（以及客座贡献者），其中包含许多关于 Houdini 功能的有趣演示。另外还有 Una 的文章。这些都是 Paint API 演示。从技术上讲，Houdini 是一组 七个东西，它们都是…

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

它还没有像容器查询那样被广泛需求，但能够在 CSS 中制作“masonry”布局是 CSS 开发人员长期以来的一个重大要求。Masonry 是一种布局，其中大小不一的…