JSFiddle - React, Tailwind, and code Playground

by Jesse M

HTML

<h1 class="text">
SOME TEXT
</h1>

CSS

.text {
  text-align: center;
  transition: all 0.2s;
}
.text:hover {
  animation: pulse 600ms;
	animation-iteration-count: 1;
}

@keyframes pulse {

	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}

}