下面是我目前情况的截图。是否可以将 blob.svg 内的文本设为白色,并将 blob.svg 外的文本设为 blob 的颜色(#e60050)?
这个特定元素还存在视差效果。斑点的滚动速度比文本慢。因此,文本并不总是以相同的方式/位置与斑点重叠。根据滚动位置,文本甚至可能完全位于斑点内或完全不在斑点内。
我现在一直在摆弄混合混合模式的各种实现,但我似乎无法弄清楚。
现在的情况
<div id="sf-coming-up">
<div class="title">Binnenkort in ons theater</div>
<img class="blob" src="/assets/blob_vector_1.svg" />
</div>
Run Code Online (Sandbox Code Playgroud)
<div id="sf-coming-up">
<div class="title">Binnenkort in ons theater</div>
<img class="blob" src="/assets/blob_vector_1.svg" />
</div>
Run Code Online (Sandbox Code Playgroud)
