JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
    width: 50px;
    height:50px;
    background: blue;
    -webkit-transition: -webkit-transform 0.3s ease-out,
					    background 0.3s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
}
div:hover {
    background: red;
	-webkit-transform: perspective(100px) translate3d(10px, 10px, 20px);
}