JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<a href="#elem">I'm a link to an element</a>

<div id="elem" class="foo">
    I'm an element
</div>

CSS

#elem {
    border: solid 1px red;
    -webkit-transition: all 2s ease-out;
    padding: 20px;
    margin: 20px 0;
}

.foo {
    background-color: blue;
    color: white;
}

#elem:hover {
    background-color: yellow;
    color: black;
}