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

16 votes247 views4 answers
Last child after css
CSS
0 vote221 views1 answer
Horizontal checkbox css
CSS
1 vote238 views1 answer
Sass compressed style
CSS
0 vote231 views1 answer
-webki slider runnable track
CSS
2 votes246 views1 answer
Css div overlay div
CSS
8 votes229 views2 answers
Center div vertically tailwind
CSS
0 vote215 views2 answers
Laravel default app.css downloD
CSS
0 vote238 views1 answer
Css break after 2 words
CSS
0 vote230 views1 answer
Elementor custom css for mobile
CSS
23 votes240 views3 answers
Text-overflow ellipsis multiple lines
CSS