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

2 votes130 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS
0 vote121 views1 answer
Nokogiri xml diff
CSS
7 votes188 views3 answers
Import font woff css
CSS
24 votes113 views6 answers
Css filter
CSS
0 vote125 views1 answer
Images end then start text in css
CSS
6 votes123 views2 answers
Css how to prevent horizontal scrolling
CSS
0 vote161 views1 answer
GET /style.css HTTP/1.1" 404
CSS
2 votes125 views2 answers
Css content image
CSS
0 vote117 views1 answer
Long text coming out of the block
CSS
-2 votes130 views1 answer
Change icon color to gradient css
CSS