【问题标题】:How is the invert overlay effect done in css?css 中的反转叠加效果是如何实现的?
【发布时间】:2023-01-12 21:19:06
【问题描述】:

我在看耐克网站,我不明白倒滚动效果是如何用css实现的。

在这个网站上滚动时 - https://www.swoosh.nike/ - 你可以看到 join 和 svg 标志根据背景颜色变成倒置的,这里有一张效果图以防网站更改以供将来参考:

他们是如何达到这种效果的。我看不到任何告诉 svg 或按钮中的颜色在背景颜色上反转的 css。

【问题讨论】:

  • 请使用您尝试过的工作代码示例来编辑您的问题,并概述您面临的具体挑战。要求我们破译某些站点的工作原理可能确实超出了该站点的范围。

标签: html css


【解决方案1】:

整个标题元素有

mix-blend-mode: difference;

在 CSS 中设置。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-11-08
    • 1970-01-01
    • 1970-01-01
    • 2012-11-12
    • 1970-01-01
    • 2018-02-21
    • 1970-01-01
    相关资源
    最近更新 更多