html css hover grow code example

Example 1: how to make a button grow in css

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

<style>
#test-text:hover {
font-size: 40px;
}


</style>

<body>
<p id=test-text>TEST</p>
</body>