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

Question

Мухаммад Магомедов @Web_Mukhammad

frontend-разработчик

HTML
CSS

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

Добрый день.

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

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

Вопрос задан более трёх лет назад
113 просмотров

2 комментария

Подписаться 1 Средний 2 комментария

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

Answer 1 · 2020-07-08 13:08:22

Как вариант:

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

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

Войдите на сайт