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

0 vote137 views1 answer
Remove Title spacing
CSS
39 votes137 views4 answers
Font awesome size
CSS
5 votes141 views3 answers
Css set div heigtto screen
CSS
0 vote150 views1 answer
Cs cirlce
CSS
0 vote144 views1 answer
Css grid auto wrap
CSS
23 votes151 views5 answers
Linear gradient border
CSS
1 vote149 views1 answer
How to delete css property using css
CSS
0 vote135 views1 answer
Jest test try catch
CSS
5 votes149 views1 answer
Html how to indent text
CSS
145 votes277 views6 answers
Add bootstrap to react
CSS Bootstrap