JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    <span>IMMA GROW</span>
</div>

SCSS

div {
    background-color: orangered;
    padding: 40px;
    transition: height 500ms;
    height: 52px;
}

span {
    display: block;
    background-color: gold;
    font-size: 55px;
    transform: scale(0,0);
    transition: transform 400ms;
}

div:hover {
    
    height: 116px;
    
    span {
        transform: scale(1,1);
    }
}