[New post] How to use image zoom effect in CSS?

Subash Chandran posted: "/*Zoom on hover*/ <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&gt" New post on Poopcode How to use image zoom effect in CSS? by Subash Chandran /*Zoom on hover*/ <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> /*credits: w3schools.com */ Read more of this post Subash Chandran | November 2, 2021 at 9:31 am | Tags: How to use image zoom effect in CSS? | Categories: Snippets | URL: https://wp.me/pb9kQA-4jV Comment    See all comments Unsubscribe to no longer receive posts from Poopcode. Change your email settings at Manage Subscriptions. Trouble clicking? Copy and paste this URL into your browser: https://poopcode.com/how-to-use-image-zoom-effect-in-css/