JSFiddle - React, Tailwind, and code Playground

by agconti

HTML

<div></div>

CSS

div {
    border:1px solid black;
    width: 200px;
    height: 200px;
    background:black;
    background-image:-webkit-linear-gradient(top, black, white);
    background-image:linear-gradient(top, black, white);
    -webkit-transition: all 1s ease-in-out;
}
div:hover {
    background:white;
}