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

2 votes362 views1 answer
Css square image
CSS
1 vote353 views1 answer
Overflow scrollbar with variable height
CSS
3 votes353 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
19 votes391 views3 answers
Css border radius top
CSS
3 votes326 views2 answers
No border css
CSS
1 vote389 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
0 vote308 views1 answer
Css orientations
CSS
0 vote282 views1 answer
Named colors css
CSS
14 votes308 views3 answers
Css multiple classes same rule
CSS
12 votes326 views2 answers
Css not first child
CSS