Mouse hover text zoom effect

<style>
.zoom {
  padding: 50px;
  background-color: green;
  transition: transform .2s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom)*/
}
</style>

<div class="zoom"></div>

Similar codes

3 votes210 views2 answers
How to give shadow to navbar
CSS
2 votes206 views1 answer
Index in javascript
CSS
0 vote231 views1 answer
For...of...loop and NodeLists
CSS
0 vote204 views1 answer
How to move bullet in css
CSS
3 votes205 views1 answer
How to make a backgroud image with no repeat in html
CSS
2 votes215 views1 answer
How to mirror object through css
CSS
37 votes194 views4 answers
Select even child css
CSS
0 vote234 views1 answer
Scss font color
CSS
2 votes216 views4 answers
Css zoom
CSS
0 vote226 views1 answer
Html invisible hr
CSS