分界变色效果

[gaoryrt]

这个不好描述，看图：

或者是到原网站看右上方

首先想到的还是不同的 filter 来对 nav 进行颜色 filter 右键看了下，原来是每个 section 都有对应颜色的 nav，用 clip 进行蒙版的操作

[gaoryrt]

大概是这样：

<section>
    <i class="_red"></i>
</section>
<section>
    <i class="_blue"></i>
</section>
<section>
    <i class="_green"></i>
</section>

section {
    clip: rect(auto, auto, auto, auto);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
}

[gaoryrt]

codepen 的 demo