如何實現這種CSS效果

Question

我想知道制作carv.ai的人如何在“ Carv無線連接...”這一段上實現了文本屏蔽效果。

我知道我們可以在文本上遮蓋背景圖像。

Answer 1

進行文本遮罩的第一件事是為遮罩div提供比文本更大的z-index ，或者使文本與遮罩顏色相同。 然后，您可以使用jQuery使div滑開。

這是jQuery：

$("#id").animate({width:'toggle'},350);