文章标签

一方面，用CSS创建简单的棋盘格背景很容易。另一方面，除非我们成为CSS渐变忍者，否则我们只能局限于基本图案。

至少这是我在盯着……

假设你在SVG中有一条线

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

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

line {
  stroke-dasharray: 5;
}

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

浏览器一直是艺术和设计的媒介。从Lynn Fisher充满欢乐的A Single Div作品到Diana Smith令人惊叹的CSS绘画，这些极具创造力、高超技能的开发者多年来不断地推动着……

你可以在CSS中创建条纹。很长一段时间以来，我只知道CSS背景图案就是条纹。条纹没什么问题，条纹很酷。它们可以定制成宽窄不同的带子，交叉……

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

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

创造是人们所能体验到的最强烈兴奋。

—Anni Albers，关于设计

我最近写了一篇文章——它在CSS-Tricks上被分享——我在文中探讨了使用Unicode字符来……

精心策划设计精良的图案

确实如此！

额外：Lisbon Azulejos 充满了Mathieu Grac基于里斯本城市瓷砖创建的精美图案。它拥有有趣的UI来探索它们。……

这些网站很容易通过网络搜索找到，但以防你不知道它们的存在，我想在这里列出来。我过去曾使用过这三者，我认为它们做得很好……