全息卡片效果

Simon Goellner (@simeydotme) 的全息卡片收藏 吸引了我们的注意。

幕后 有一套 filter()、background-blend-mode()、mix-blend-mode() 和 clip-path() 的组合，经过精心调整以达到所需效果。我最终在 DevTools 中使用了一点 img { visibility: hidden; } 来更好地了解每种全息效果的类型。

Josh Dance (@JoshDance) 回答 了一个 效果分解，可以让您手动控制输入。

直接链接 →