HTML
CSS
JAVASCRIPT
BOOTTRICK
LATEST BLOG
CODE SHARE
JSON VIEWER
LATEST JOBS
Online Training
Zoom Out CSS
User
HTML
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <br><br><br><br> <div class="zoom">ZOOM OUT</div> </body> </html>
CSS
* { box-sizing: border-box; } .zoom { padding: 50px; background-image: -webkit-linear-gradient(top,#e85b54 0,#b22520 100%); transition: transform .2s; width: 200px; height: 200px; margin: 0 auto; color:#fff; font-weight:600; } .zoom:hover { transform: scale(1.5); }
JavaScript