JSFiddle - React, Tailwind, and code Playground

by Scott Kaye

HTML

<div class="test1"></div>
<div class="test2"></div>

CSS

div {
    display: inline-block;
    width: 100px;
}
div::before {
    transform: translateY(30px);
}
div.test1 { background: red; }
div.test2 { background: lime; }
div.test1::before {
    content: "test1\Atest1\Atest1";
}
div.test2::before {
    content: "test2\Atest2\Atest2";
    animation: fix 1s linear infinite;
}
@keyframes fix {
    0% {
        transform: translateY(30px);
    }
}