JSFiddle - React, Tailwind, and code Playground

by Yury

HTML

<div class="one-pulse">
Hover over me!
</div>

CSS

/* @-webkit-keyfames pulse {
     from {
           -webkit-transform: scale(1);
     }
     
     to {
           -webkit-transform: scale(2);
     }
 } */
@keyfames pulse {
 	from {
  	 	transform: scale(1);
 	}
 	
 	to {
   		transform: scale(2);
 	}
 }
div {
	background-color: #FF9933;
	text-align:center;
	border:solid;
	border-width:2px;
	border-color:#0000FF;
	height:150px;
	width:150px;
	/* -webkit-animation: pulse linear 1s infinite; */
    animation: pulse linear 1s infinite;
}