文章标签

Simon Goellner (@simeydotme) 的全息交易卡合集 吸引了我们的注意。

幕后 是一套经过精心调整的 filter()、background-blend-mode()、mix-blend-mode() 和 clip-path() 组合，以达到预期的效果。我……

在设计中，反射是对象的风格化镜像。虽然它们不像阴影那么受欢迎，但它们也有自己的时刻——想想你第一次在 MS Word 或 PowerPoint 中探索不同的字体格式：……

我最近偶然发现了一种很酷的效果，称为 玻璃质感，在 一个 Dribble 作品中 看到。我的第一想法是，如果我只是使用一些表情符号作为图标，我可以在几分钟内快速重现它，而不用浪费时间……

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

为什么要为 SVG 应用阴影？

1. 阴影是一种常见的界面设计功能，可以帮助元素（如图标）脱颖而出。它们可以是持续存在的，也可以在不同的状态下应用（例如 :hover、:focus 或 :active）

让我们谈谈网页设计中的阴影。阴影增加了纹理、视角并突出了物体的维度。在网页设计中，使用光影可以增加物理真实感，并可用于创建丰富、触觉的界面……

Blob 是一种光滑、随机、果冻状的形状，具有异想天开的感觉，并且非常有趣。它们可以用作 插图元素和背景效果 在网络上。

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

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

但是……

Rick Strahl:

我无法告诉你多年来我实现了多少次自定义的类似 CSS 的按钮实现。多年来，我使用过图像、背景、渐变和不透明度来有效地“突出显示”控件。所有这些都起作用了