Как они сделали текстовую графику c, установленную под углом в TheDailyBeast.com?

Question

Как они сделали текстовую графику c, установленную под углом в TheDailyBeast.com? Go по этой ссылке: https://www.thedailybeast.com/msnbc-host-lawrence-odonnell-accuses-cnn-of-helping-trump-spread-lies?ref=scroll

Обратите внимание, что под заголовком, под кавычка расположена под углом ? Это не графика c. Это живой текст. Как они получили текст под таким углом без создания графика c? И их сайт Java? CSS

Answer 1

При возникновении подобных проблем проверьте код на странице, о которой идет речь, это простое css преобразование вращения . Когда вы осмотрите HTML, вы обнаружите, что все довольно просто:

<div class="Rubric__content">‘WE DON’T BRING ON LIARS’</div>

Затем взгляните на стили в инструментах разработчика:

.Rubric__content {
    transform: rotate(-3deg);
}