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

17 votes187 views2 answers
Center div vertically with flexbox
CSS
4 votes217 views3 answers
.col-6 bootstrap
CSS Bootstrap
0 vote164 views2 answers
Background having opacity and text above to not have opacity
CSS
26 votes186 views4 answers
Input outline focus
CSS
2 votes177 views1 answer
XAMPP: Another web server daemon is already running
CSS
2 votes247 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
0 vote182 views1 answer
Square with 2 colors css
CSS
0 vote189 views1 answer
Css flex alle elemente gleiche höhe
CSS
0 vote194 views1 answer
ProgressBars bulma -- thickness
CSS
1 vote180 views1 answer
How to highlight input on focus with box shadow
CSS