Анимированное зачеркивание текста CSS с несколькими цветами текста ⇐ CSS

[Anonymous]

Я имею в виду этот ответ. Что делать, если необходимо зачеркнуть несколько цветов?

Код: Выделить всё

span {
background:
linear-gradient(red 0 0) no-repeat
0 60% / var(--s,0%) .1em,
#000;
-webkit-background-clip: border-box, text;
background-clip: border-box, text;
color: #0000;
transition: background-size .4s ease;
font-size: 1.5em;
}

span:hover {
--s: 100%;
}

Код: Выделить всё

[url=#]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.[/url] At vero eos et accusam et justo duo dolores et ea rebum.

Подробнее здесь: https://stackoverflow.com/questions/781 ... ext-colors