Как сверстать элемент?

Question

[BohdanchukVL]

Подскажите, как сверстать подобный элемент? Очевидным вариантом есть mix-blend-mode, но добиться белого цвета на зеленом и черного на белом у меня не получилось + есть определенная задержка, того как свойство применяется на текст.

Answer 1

[origami1024]

Скорее всего это не mix-blend, а что-то типа:
1) 2 span-а с одинаковым текстом - наложенны друг на друга через position: absolute;
2) белый span идет в разметке после черного, чтобы был поверх
3) у белого спана overflow: hidden и рассчитывается width, чтобы подходила под зеленую полосу.

Вот вариант реализации

Answer 2

[Даниил]

Вот так.
Изменяя значение width у класса strip от 0px до inherit, добьёшься движения полосы.