JSFiddle - React, Tailwind, and code Playground

by zl3439

HTML

<a class='circle-link'>Expansion Test</a>

CSS

a{
	transition: all 300ms linear 0s;
}
a:hover {
  -ms-transform:scale(1.1,1.1); /*1.1 = 10% Larger, 1.5 = 50% Larger*/
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
/*For Demo Only, Do Not Copy Below */
a.circle-link {
  font-family:"Comic Sans MS", cursive, sans-serif;
  display:inline-block;
  background:black;
  color:white;
  width:250px;
  height:250px;
  border-radius:50%;
  line-height:250px;
  text-align:center;
  font-size:20px;
  margin-top:50px;
  margin-left:50px;
}