JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
	background: green;
	width: 150px;
	height: 150px;
	float: left;
	transition: 1s;
	transform: rotate3d(0,1,0,0deg);
	border-radius: 50%;
  border: 5px solid red;
	margin-right: 20px;
}

div:hover {
	background: red;
	transition: 1s;
  border: 5px solid green;
	transform: rotate3d(0,1,0,180deg);
}