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 vote295 views1 answer
Change mat icon size
CSS
1 vote307 views1 answer
How to do a smooth transform scale
CSS
0 vote274 views1 answer
How to make text disappear after a certain length css
CSS
-1 vote305 views1 answer
Css media query between two width
CSS
0 vote274 views1 answer
Imporatn css
CSS
0 vote324 views1 answer
Also define the standard property 'border-radius' for compatibility css(vendor prefix)
CSS
0 vote325 views1 answer
Float pb
CSS
7 votes314 views2 answers
Html remove border from textarea
CSS
7 votes277 views2 answers
Css font families
CSS
0 vote266 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS