Как сделать такое перечеркивание у текста?

Question

[Мухаммад Магомедов]

Добрый день.

Нужно сделать такое подчеркивание для текста.


Подскажите пожалуйста, как это можно реализовать?

Comments

[Мухаммад Магомедов]

Пашенька,
Через псевдоэлементы :before и :after знал. Но надеялся на то, что есть другой вариант.

[Ankhena]

Мухаммад Магомедов, если цвет линии совпадает с цветом букв, то можно не псевдо, а просто градиентом в фоне.
Если не совпадает, то псевдо.

Answer 1

[Юрий]

Как вариант:



Можно сделать через transform: rotate, но тогда придётся на глаз подбирать нужный угол. И если длина у перечёркнутых участков текста будет сильно различаться, будет криво.

Comments

[WapSter]

Отличное решение