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

Разбираемся в CSS
Ответить
Anonymous
 Анимированное зачеркивание текста 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»