他们是如何在TheDailyBeast.com中将文本图形设置为一个角度的？

Question

他们是如何在TheDailyBeast.com上将文本图形设置为一个角度的？转到此链接：https://www.thedailybeast.com/msnbc-host-lawrence-odonnell-accuses-cnn-of-helping-trump-spread-lies?ref=scroll

注意，标题正好位于子标题的斜角处？这不是图形。它是实时文本。他们是如何在不制作图形的情况下使文本成这样的角度的？他们的网站是Java吗？ CSS？

Answer 1

对于此类问题，请检查相关页面上的代码，这是简单的css rotation transform。检查HTML时，您会发现它非常简单：

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

然后看一下开发工具中的样式：
.Rubric__content {
    transform: rotate(-3deg);
}