Стилизация зачеркнутого текста на CSS

Обычное зачерпывание текста тегом <del> в контексте смотрится вполне нормально, но если нужно зачеркнуть старую цену или какую-то фразу в заголовке, его лучше стилизовать.

Пример:

Обычное зачеркивание в контексте и вариант зачеркивания с применением стилей

Обычное зачеркивание в заголовке и стилизованное
Старая цена 5000 рублей, а со стилями 5000

CSS:

Линию перечеркивания можно настроить по своему вкусу. Изменить ее цвет, толщину, наклон или даже наложить анимацию или ховер эффект.

Пример с hover ховер эффектом, чтобы лучше было видно то, что зачеркнули.

1

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!