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

0 vote96 views1 answer
Postcss plugin
CSS
101 votes106 views4 answers
Css top padding
CSS
5 votes112 views1 answer
Css negative padding
CSS
0 vote103 views2 answers
Tailwind css disabled button
CSS
4 votes145 views5 answers
Bootstrap img src
CSS Bootstrap
8 votes101 views4 answers
Css left
CSS
0 vote162 views2 answers
Make all images same size bootstrap
CSS Bootstrap
0 vote109 views1 answer
Css html attribut
CSS
0 vote123 views3 answers
How to create collapsable using pure Javascript
CSS
36 votes111 views4 answers
Text color as gradient css
CSS