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

1 vote307 views1 answer
Force element to bottom of page
CSS
24 votes319 views4 answers
Use woff2 font in css
CSS
1 vote396 views2 answers
Block elements css
CSS
104 votes349 views6 answers
Media screen
CSS
0 vote409 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
0 vote311 views1 answer
How to make website using html and css
CSS
38 votes314 views2 answers
Remove list bullet css
CSS
-1 vote302 views3 answers
Transparent background css for image
CSS
0 vote317 views1 answer
Override package css
CSS
32 votes290 views6 answers
Overflow css
CSS