文章标签

浏览 Dribbble 或 Behance，你会发现设计师使用一种简单的技巧为图像添加纹理：噪点。添加噪点会使原本纯色或平滑的渐变（例如阴影）更逼真。但尽管设计师喜欢纹理，...

这个小技巧用于渐变边框非常有用

.border-gradient {
  border: 5px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}

这里有一些基本的演示 来自我们 关于这个主题的文章。Sephanie Eckles 在 分享 这个想法...

当我想到在 CSS 中创建 条纹 时，我的脑海里立即浮现出 repeating-linear-gradient 和 硬停渐变。你可以使用相同的颜色在两个颜色停止之间创建一个条纹，然后使用另一种颜色创建另一个（或更多）条纹...

来自 Bennett Feely 的大量 渐变乐趣：星星、条纹、横幅、爆发...我喜欢能够 使用漂亮的图案，而无需任何图像请求，或者只需要很少的 SVG。

提醒：Bennett 做了各种各样的酷炫东西...

硬停渐变是我的 最喜欢的 CSS 技巧之一。在这里，Marcel Moreau 将这个想法与 CSS 网格结合起来，解决了一个其他方式非常头疼的问题。假设你有一个 300 像素的右侧边栏在桌面...

最近，CSS 添加了许多新的酷炫功能，例如 自定义属性 和新的 函数。虽然这些东西可以让我们的生活更轻松，但它们也可能以有趣的方式与 Sass 等预处理器交互...

你可以在 CSS 中 创建条纹。很长一段时间以来，这就是我对 CSS 背景图案的全部认识。条纹没什么不好；条纹很酷。它们可以被定制成宽窄带，纵横交错...

对于那些错过了大新闻的人，Firefox 现在支持圆锥渐变！

从 Firefox 75 开始，于 4 月 7 日发布，我们可以进入 about:config，找到 layout.css.conic-gradient.enabled 标志，并将它的值设置为 true...

Lea Verou 的 conic-gradient() 填充程序的 功能 列表中有一件事引起了我的注意，那就是最后一条

支持双位置语法（同一个颜色停止的两个位置，作为两个连续颜色停止的快捷方式，它们...