Как я могу достичь под диагональным зачеркнутым текстом в CSS?

Например, если вы посмотрите на изображение здесь:

Возможно ли создать часть ненависти к любви? где текст скрыть немного, но под текстом "Любовь"? А также, как я могу перечеркнуть текст ненависти?

2 ответа

да, это возможно, но я не рекомендую так делать

для штриха: просто создайте элемент и немного поверните его

для "снизу": position: relative использования position: relative (абсолютная), поля, прокладки и т.д.

вот живой пример: http://jsfiddle.net/78qpE/1/


Если вы хотите, чтобы изображение выглядело так, как показано на рисунке, это будет сделано в программе, например Illustrator, но неясно, действительно ли это то, что вы хотите. Можете ли вы вообще разработать или предоставить код для того, что вы пытаетесь сделать? В отдельных DIV можно разместить как "Любовь", так и "Ненависть", позиционируемую CSS. Если это только текст, есть также элементы управления CSS для зачеркивания.

licensed under cc by-sa 3.0 with attribution.