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

1 vote342 views1 answer
How to make border blur css
CSS
0 vote385 views1 answer
JavaScript find common characters between the strings
CSS
0 vote418 views1 answer
Bootstrap popover style width
CSS Bootstrap
258 votes570 views6 answers
ForEach
CSS
38 votes368 views5 answers
Roboto
CSS
51 votes388 views4 answers
Css center horizontally
CSS
37 votes346 views6 answers
Add gradient to text css
CSS
0 vote385 views1 answer
Css radio button size
CSS
-1 vote361 views1 answer
Use w3 css on your website
CSS
0 vote395 views1 answer
Why we are translating -50%, -50% in css
CSS