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 {
    background: #eee;
    color: #222;
    padding: 20px;
    margin: 0 20px;
    cursor: pointer;
}
div.invers {
    color: #eee;
    background: #222;
}
div:hover,
div.opacity {
    opacity: 0.999;
}