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 vote256 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
44 votes207 views6 answers
Select odd child css
CSS
3 votes224 views2 answers
Css overflow y 3 dots
CSS
17 votes227 views3 answers
Grid blocks center
CSS
6 votes190 views4 answers
Disable click css
CSS
1 vote217 views4 answers
CSS Grid Display
CSS
0 vote190 views1 answer
Powershell convertto-html css
CSS
39 votes212 views3 answers
How to do a background blur in css
CSS
0 vote221 views1 answer
Animating a text in css
CSS
0 vote237 views1 answer
Center postion absdolute
CSS