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

120 votes394 views3 answers
React import bootstrap css file
CSS Bootstrap
0 vote206 views1 answer
Create a specific form size and center in css
CSS
168 votes255 views4 answers
Css link tag
CSS
1 vote213 views3 answers
Css profile picture round
CSS
2 votes208 views1 answer
Vh vs vw css
CSS
0 vote211 views1 answer
Horizontal rule plus text
CSS
10 votes280 views4 answers
Bootstrap badges Links
CSS
2 votes160 views1 answer
Responsive background image
CSS
-1 vote252 views1 answer
How to many image fullscreen in css
CSS
0 vote227 views1 answer
Css good black color
CSS