JSFiddle - React, Tailwind, and code Playground

HTML

<div id="back"></div>
<div id="backed"></div>

CSS

#back{
    background-color: red;
    width: 50px;
    height: 50px;
}

#back:hover {
    background-color: #ff9900;
    transition: 0.5s;
    transform: rotate(45deg);
}

#backed {
    width: 200px;
    height: 200px;
    background: -moz-element(#back) repeat;
}