JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fixed"></div>
<span>Normal Text</span>
<span>Normal Text</span>
<span class="transform_me">Transformed Text</span>
<span>Normal Text</span>
<span>Normal Text</span>
<span>Normal Text</span>
<span>Normal Text</span>
<span>Normal Text</span>

CSS

.fixed {
    height: 30px;
    background: #f00;
    position: fixed;
    width: 100%;
    top: 0;
}

.transform_me {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

span {
    display: block;
    height: 100px;
}