how to zoom out picture from css

/*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 */

Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
image zoom on hover css css hover zoom image css make picture zoom img zoom on hover css hover zoom in image css image hover zoom in effect in css css on hover zoom image html zoom image on hover zoom effect on images in css css zoom out image css on hover image zoom zoom css effect hover zoom img scale image zoom css zooming hover on image how to zoom in image with css\ zoom page in css how to zoom in image when hover zoom css image zoom in effect on hover in image how to zoom picture css on hover css zoom image zoom image html zoom on image on hover css image zoom out on hover text zoom in zoom out animation css css animation zoom css zoom page hover css zoom ZOOM IN IN CSS zoom in effect hover css zoom in css class how to zoom out image in css image zoom css property zoom in animation css css logo zoom image zooming effect css zoom in when hover css zoom on hover scroll image css picture zoom on hover css css hover image zoom card hover css zoom how to make image zoom in html small zoom image effect css zoom images on hover how to zoom out image html zoom div css hover effect zoom css csss zoom hover image image zoom in hover css css on hover zoom in creating zoom effect over images cs zoom in on image when hover css img zoom in css zoom image hover css zoom an image css zooming effect hover css how to zoom an image on hover how to make an image not zoom in html and css how to make a zoom in effect in css zoom image css on hover html scroll zoom image zoom animation image css how to make image zoom on hover how to zoom image in css how to zoom into an image in css animation for image css to zoom css zoom effect how to zoom image on hover css on hover zoom image image hover zoom effect in bootstrap 4 zoom imagem css css code to zoom image on hover css image zoom in on hover css zoom in image zoom in zoom out animation css zoom img html css zoom scalling in css css change image based on zoom css auto zoom in picture slowly css image zoom on hover image zoom in css zoom in image on div mouseover javascript css zoom in slider image css styles to slowly zoom in image on page load zoom into images css css image zoom effects image hover zoom animation css on hover zoom image slowly css zoom effect css photo pop out on hover css zoom out image css css image zoom in out zoom pic on hover how to zoom out of images css zoom an image on hover on hover image zoom effect css css image zoom in cover image hover zoom effect css image zoom when hover css zoom many images css how to zoom a picture zoom property in css on hover image zoom zoom container css css zoom hon hover zoom in and out of image js css hover zoom image css zoom image on click css how to zoom out a pic in html and css how to zoom in on a image on hover html css image zoomed in css zoom in on image css image zoom effect on hover css zoom in on &lt;img&gt; zoom image without hover hover image zoom cs zoom in on image when hover css3 zoom css image zoom scale hover image zoom css css zoom in animation how to zoom image on hover zoom when hover in css on hover image zoom in css hover over a picture and zoom html css image hover zoom make image zoom on hover CSS page zoom html hover picture zoom hover zoom effect in custom css zoom on hover in css zoom in image when hover css area / image ZOOM html image hover zoom background image cover zoom out zomm in animation css auto zoom image in css zoom image in css how to zoom out picture from css css img zoom enalrge css image on hover zoom effect in css grow image on hover css hover to zoom image css scale on hover image hover zoom effect zoom on image css hover hover image zoom in css hover to zoom how to image zoom in css scale an image on hove in css on hover css zoom zoom in image on hover css zoom in image on hover image enlarge on hover image hover zoom css css zoom in on hover zoom button css how to create zoom when hpvering pver an elemnet css css img hover zoom zoom effect on hover css card zoom out on hover css animation zoom sur img css how to get images to zoom in when hovering css hover resize image animation css css grow image on hover transform on hover image hover css zoom css hover image zoom animation img zoom on hover how to zoom the image in css zoom in effect css hover image zoom image bigger on hover zoom hover effect zoom effect on hover in css inlarge css animaton zoom css image scale css hover movuse on hover zoom image zoom in transition on hover css on hover transform scale css zoom scale on hover css image little big on hover css hover scale css .css hover zoom mouse hover text zoom effect button zoom in hover effect css image hover scale transition display and image zoomed in css zoom image img hover zoom on hover zoom effect css bootstrap image zoom on hover bootstrap zoom image on hover zoom image on hover css zoom hover how to addzoom in effect on mouse hover Zoom image on hover css image hover zoom effect in css zoom in on hover css zoom image at hover zoom in hover how to zoom in a select div on hover on hover zoom button css enlarge image on hover zoom a div css zoom in css magnify on hover in css magnify on hover css image zoom on hover image zoom css transform scale css hover image zoom effects in html grow on hover image html on hover zoom button enlarge on hover css zoom image on hover css zoom animation css hover feature item zoom in zoom on hover css zoom transition zoom button css how to make image zoom on mouseover in html css hover zoom zoom scale css css zoom on hover html on hover links zoom in image zoom transition css mouse hover css scale css scale image on hover on hover image scale css zoom into pic css increase size on hover css zoom in hover effect css hover scale up css image zoom effect in css zoom in animation element css html how to create zoom effect in logo in css image zoom in animation html css css zoom picture on hover click to zoom image html css resize on hover zoom animation css css zoom zoom text on hover css zoom css animation how to zoom images in css css scale on hover zoom css hover javascript zoom image on hover zoom on hover css zoom in div css bootstrap enlarge image on hover css on hover mignify image css hover on image and it grows zoom effect in html hover zoom css animate zoom css on hover increase size zoom in image css hover zoom image zoom out on hover css picture hover zoom effects css transform zoom css zoom css image on hover zoom enlarge button onm jover css css image zoom if menu hover zoom in css css image hover biiger zoom when hover css css on hover image grow zoom effect in css on hover make image bigger html enlarge image on hover css magnify image while hovering css zoom hover css zoom image css
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source