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

2 votes254 views1 answer
Css resize image without distortion
CSS
0 vote268 views2 answers
Add a comment in css
CSS
0 vote247 views1 answer
Top 0 bottom 0 left 0 right 0 alternate css
CSS
0 vote252 views1 answer
Tint image with background color css
CSS
-1 vote250 views2 answers
Css make text one line
CSS
7 votes254 views2 answers
Change button shape css
CSS
0 vote287 views1 answer
Tailwindcss link tag
CSS
0 vote261 views1 answer
Css grid first child
CSS
0 vote312 views2 answers
Mat input change placeholder color
CSS
0 vote260 views1 answer
Navbar bootstrap display items horizontally
CSS