如何实现这种CSS效果

Question

I was wondering how the guys who made carv.ai achieved the text masking effect on the paragraph "Carv connects wirelessly ...".

I know that we can mask a background image on a text.

Answer 1

The first thing that you can do to have text masking, is either give the masking div a greater z-index than the text, or make the text the same color as the masking color. Then you can use jQuery to make the div slide away.

Here is the jQuery:

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