文章标签

颗粒感渐变

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

Jimmy Chion 发表于 2021 年 9 月 14 日

为什么要为 SVG 应用阴影？

阴影是一种常见的界面设计特性，可以帮助元素（如图标）脱颖而出。它们可以是永久性的，或者在不同的状态下应用（例如 :hover、:focus 或 :active）

…

Joel Olawanle 发表于 2021 年 6 月 11 日

多年来，我一直无法在 CSS 中创建某种看起来自然的图案，这让我很头疼。我的意思是，有时我只需要一个木纹材质。我所知道的唯一可用于生产的解决方案是使用外部图像，…

Bence Szabó 发表于 2021 年 3 月 15 日

Blob 是那些光滑、随机、果冻状的形状，它们具有异想天开的感觉，而且本身就很有趣。它们可以用作网页上的插图元素和背景效果。

那么，它们是如何制作的呢？只需打开一个插图…

Akash Mittal 发表于 2021 年 2 月 19 日

Stefan Judis 有一篇“今天我学到了”（TIL）文章解释了如何在 CSS 中内联 SVG 滤镜。其思想是 CSS 具有 filter 属性，该属性支持一些内置函数，如 grayscale(100%) 等。

但是…

Chris Coyier 发表于 2021 年 2 月 8 日

Scott Turner，他有一个名为“探索幻想地图的程序生成和显示”的完整博客，深入探讨了为什么矢量图形在表面上看起来不适合铅笔笔触的外观

类似于这种铅笔

…

Chris Coyier 发表于 2020 年 3 月 29 日

我爱 SVG。当然，代码一开始看起来可能很密集且难以理解，但当你了解它时，你会发现结果的美丽之处。好处是这些结果都在代码中，因此它…

David Fitzgibbon 发表于 2019 年 8 月 1 日

希腊神话讲述了宙斯创造云仙女涅菲勒的故事。与其他希腊神话一样，这个故事也变得非常离奇和色情。这是一个非常简略、礼貌的版本。

据说，涅菲勒是由宙斯在…

Beau Jackson 发表于 2019 年 6 月 26 日

有很多不同的方法可以使用 SVG。根据使用方式，在不同状态或条件下（:hover、:active、:focus、类名更改等）重新着色 SVG 的策略是不同的。…

Chris Coyier 发表于 2019 年 5 月 13 日