JSFiddle - React, Tailwind, and code Playground

by gerritvanaaken

HTML

<div>Ich bin ein harmloser Text, der geglättet sein sollte.</div>
<div class="opacity">Ich bin ein harmloser Text, der geglättet sein sollte.</div>
<div class="invers">Ich bin ein harmloser Text, der geglättet sein sollte.</div>
<div class="invers opacity">Ich bin ein harmloser Text, der geglättet sein sollte.</div>

CSS

div {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #444;
    font-weight: 300;
    padding: 20px;
    margin: 0 20px;
    cursor: pointer;
    -webkit-transform: rotate(-4.05deg);
-o-transform: rotate(-4.05deg);
-moz-transform: rotate(-4.05deg);
-ms-transform: rotate(-4.05deg);
transform: rotate(-4.05deg);
}
div.invers {
    color: #eee;
    background: #222;
}