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

17 votes183 views2 answers
Rgb green
CSS
0 vote213 views1 answer
Vue scoped scss media query
CSS
27 votes181 views3 answers
Align div to center of screen
CSS
0 vote175 views1 answer
Css hollow circle
CSS
1 vote172 views1 answer
Use a local font css
CSS
1 vote171 views1 answer
Animated background css
CSS
0 vote214 views1 answer
Reindent sublime
CSS
17 votes186 views3 answers
Css hover mouse hand
CSS
1 vote166 views1 answer
Vue import css scoped
CSS
1 vote162 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS