跳到主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机播放
搜索

文章标签
pattern

6 篇文章
{
,

}
背景模式的直接链接,通过圆锥渐变简化
圆锥渐变 CSS 渐变 模式 模式

背景模式,通过圆锥渐变简化

对于那些错过重大消息的人来说,Firefox 现在支持圆锥渐变了!

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

Avatar of Ana Tudor
Ana Tudor 于 2020 年 5 月 28 日
如何创建生成 SVG 格子图案的静态网站的直接链接
gatsby 模式 react SVG

如何创建生成 SVG 格子图案的静态网站

格子是一种图案织物,通常与苏格兰,特别是他们的时尚裙子有关。在 tartanify.com 上,我们收集了超过 5,000 种格子图案(作为 SVG 和 PNG 文件),并小心地过滤掉任何具有明确使用限制的图案。

…

Avatar of Paulina Hetman
Paulina Hetman 于 2020 年 3 月 4 日
Unicode 模式直接链接
模式 unicode

Unicode 模式

袁传的这些 Unicode 模式非常巧妙。它是一个 <css-doodle> 自定义 Web 组件,它设置了一个 CSS 网格并随机化要放入单元格的字符以及诸如颜色之类的东西。

查看所有 他们精美的作品 on …

Avatar of Chris Coyier
Chris Coyier 于 2018 年 5 月 18 日
用于分隔的简单模式(比单独使用颜色更好)直接链接
可访问性 模式 SVG

用于分隔的简单模式(比单独使用颜色更好)

颜色非常适合分隔事物。这就是你的基本饼图,不是吗?你通过颜色来区分切片。如果颜色对比度足够,你可能会没问题,但你可能会做得更好(特别是当…

Avatar of Chris Coyier
Chris Coyier 于 2017 年 11 月 18 日
SVG 模式直接链接
模式 SVG svg 模式

SVG 模式

SVG <pattern> 元素允许我们在 SVG 标记中定义模式并将这些模式用作 fill。模式的基本过程类似于

  • 在 SVG 内定义一个 <pattern>
  • 定义形状
…
Avatar of Geoff Graham
Geoff Graham 于 2020 年 12 月 15 日
英雄模式直接链接
背景 模式 SVG

英雄模式

史蒂夫·肖格的一个项目

可重复的 SVG 背景模式的集合,供您在数字项目中使用。

可定制的模式。您甚至可以 获取路径数据 供您自己使用…

Avatar of Chris Coyier
Chris Coyier 于 2017 年 1 月 25 日

CSS-Tricks 由 DigitalOcean 提供支持。

随时关注 Web 开发

使用我们手工制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费积分!
CSS-Tricks
  • 为我们写作!
  • 与我们做广告
  • 联系我们
社交
  • RSS 馈送
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.