Hover Grow Box in HTML and CSS

by Rajat Jha

HTML

<div class="grow">InfoStore99</div>

CSS

body > div
{
            width:300px;
            
            background:#676470;
            transition:all 0.3s ease;
            text-align: center;
            
            font-size: 20px;
            color: white;
            padding:50px 10px 50px 10px;
            
}


.grow:hover
{
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        font-size:30px;
        font-weight:700;
        
}