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

46 votes186 views2 answers
Customize scrollbar
CSS
0 vote171 views2 answers
How to define max number of character for a paragraph css
CSS
18 votes183 views2 answers
Php + get sql query
CSS
0 vote182 views1 answer
Resetting Default Table Styles
CSS
9 votes204 views3 answers
Bootstrap list
CSS Bootstrap
1 vote186 views1 answer
Ion-content --offset-bottom
CSS
0 vote219 views1 answer
How to slow down hover effect css
CSS
0 vote233 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
70 votes176 views6 answers
Button href
CSS
20 votes195 views3 answers
Center align div vertically and horizontally css
CSS