Зачеркнутый текст CSS

Эффект при наведении с зачеркнутым текстом подойдет для того, чтобы выделить фрагмент текста или обратить внимание пользователя на него. Цвет текста и линии одинаковый.

Пример

Lorem Ipsum

HTML


<p class="line-through">Lorem Ipsum</p>

CSS


p.line-through{
  color: #f66d52; /* Цвет текста */
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1em;
  text-decoration:none; 
}
p.line-through:hover{
  text-decoration:line-through; /* Добавляем зачеркивание */
}