JSFiddle - React, Tailwind, and code Playground

by swfour

HTML

<div class="box">
     <h2>TEST TEXT</h2>

</div>

CSS

h2 {
    color: #ffffff;
}
.box {
    background: #000000;
    width: 50%;
    height: 50%;
    text-align: center;
    padding: 10px;
}
.box:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.box:hover h2 {
    -webkit-transform: scale(0.769);
    -ms-transform: scale(0.769);
    transform: scale(0.769);
}