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

3 votes188 views2 answers
How to make image not draggable in html
CSS
6 votes156 views6 answers
Console.log with color font
CSS
0 vote156 views2 answers
Bulma uppercase
CSS
0 vote153 views1 answer
Css all clases which start with col-
CSS
1 vote147 views1 answer
Css background rainbow
CSS
33 votes147 views2 answers
Gradient text colors
CSS
72 votes191 views6 answers
Css center position absolute
CSS
0 vote212 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
116 votes166 views6 answers
@media screen and (max-width
CSS
3 votes180 views1 answer
Javafx button padding css
CSS