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

8 votes306 views2 answers
Css image size adjust
CSS
0 vote306 views1 answer
Css how to center a link
CSS
3 votes346 views2 answers
How to align form buttons right
CSS
-1 vote285 views1 answer
Most essential css elements
CSS
26 votes311 views4 answers
Css background image cover
CSS
0 vote296 views1 answer
Ellipsis css in table cell 2 lines
CSS
0 vote316 views1 answer
How to use bootstrap color variables in sass
CSS
0 vote301 views1 answer
Trim background image css
CSS
211 votes425 views10 answers
Css padding
CSS
0 vote290 views1 answer
Text size to fit button
CSS