JSFiddle - React, Tailwind, and code Playground

by slym12

HTML

<div class="parent">
<p>
Text1
</p>
</div>

CSS

.parent {
  height: 50px;
  width: 100px;
  margin: 0 auto;
  transition: transform 0.1s;
  /* transform-origin: 100% 100%; */
}

.parent:hover {
  transform: scale(1.1);
}

.parent:hover p {
  transform: scale(0.9523809523809524);
}