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

22 votes157 views4 answers
Centering with flexbox
CSS
0 vote158 views1 answer
How to paralax effect on background image
CSS
1 vote175 views1 answer
Circle background image css
CSS
-1 vote157 views1 answer
Css display contents
CSS
68 votes173 views6 answers
Add css file in html
CSS
0 vote142 views1 answer
CSS adding background image from file
CSS
4 votes177 views3 answers
How to not underline links in css
CSS
0 vote160 views3 answers
Static backdrop
CSS
2 votes155 views3 answers
Cant read pdf file in python
CSS
22 votes156 views5 answers
Css grid center
CSS