JSFiddle - React, Tailwind, and code Playground

by techsin

HTML

<div class="main">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos sequi quia rem atque et voluptatem soluta reiciendis corporis neque aliquid distinctio similique accusamus dolore. Odio at molestiae accusantium voluptates voluptatibus.</p>
</div>

CSS

.main {
    background-color: #4a0;
    padding: 20px;
     transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.main:hover {
    opacity: 0;
}