JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<div class="fixed"><span class="opaque">Halvgennemsigtig?</span></div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam accusantium magni eos rerum ut in est sequi accusamus delectus, labore, veniam! Amet deserunt voluptatem consequatur iusto officia accusantium eligendi ea.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam accusantium magni eos rerum ut in est sequi accusamus delectus, labore, veniam! Amet deserunt voluptatem consequatur iusto officia accusantium eligendi ea.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam accusantium magni eos rerum ut in est sequi accusamus delectus, labore, veniam! Amet deserunt voluptatem consequatur iusto officia accusantium eligendi ea.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam accusantium magni eos rerum ut in est sequi accusamus delectus, labore, veniam! Amet deserunt voluptatem consequatur iusto officia accusantium eligendi ea.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam accusantium magni eos rerum ut in est sequi accusamus delectus, labore, veniam! Amet deserunt voluptatem consequatur iusto officia accusantium eligendi ea.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam accusantium magni eos rerum ut in est sequi accusamus delectus, labore, veniam! Amet deserunt voluptatem consequatur iusto officia accusantium eligendi ea.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam accusantium magni eos rerum ut in est sequi accusamus delectus, labore, veniam! Amet deserunt voluptatem consequatur iusto officia accusantium eligendi ea.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam accusantium magni eos rerum ut in est sequi accusamus delectus, labore, veniam! Amet deserunt voluptatem consequatur iusto officia accusantium eligendi ea.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam accusantium magni eos rerum ut in est sequi accusamus delectus,...

CSS

.fixed {
    padding: 2em 3em;
    position: fixed;
    background-color: red;
    color: white;
    opacity: 0.5;
    font-size: 200%;
    font-weight: bold;
}
.fixed .opaque {
    opacity: 1;
    z-indez: 10000;
}