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

View another examples Add Own solution

3.67

Rory.ap 70 points

                                    .zoom {
  zoom: 150%;
}

Thank you! 9

3.67 (9 Votes)

4.29

Paul Brady 95 points

                                    -moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);

Thank you! 7

4.29 (7 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category CSS

CSS 2022-03-27 22:50:16 make text bigger html5
CSS 2022-03-27 21:40:08 move list item to left css
CSS 2022-03-27 21:35:05 reduce image size css
CSS 2022-03-27 21:30:21 css image background center horizontally in div
CSS 2022-03-27 21:05:02 css button styles
CSS 2022-03-27 18:50:09 compass font awesome
CSS 2022-03-27 18:50:06 modal in materialize css
CSS 2022-03-27 17:55:12 box round corner css
CSS 2022-03-27 17:45:12 jquery add css
CSS 2022-03-27 17:45:01 css image fit in div with aspect ratio

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

zoom css alternative zoom div css when I zoom css zoom browser css zoom symbol css how to set zoom level using css css zoom animation browser zoom css issue what css we writer for on zoom in or zoom out box size increase or decrease style zoom transform how to create the effect of zoom at hover with css css zoom effekt *zoom in Css how to fix element while zoom css css scale or zoom animation zoom in zoom out css css simple zoom css image zoom zoom in page css zoom in css code zoom while hover css browser zoom css javascript css for 200x zoom zoom image using css zoom in animation css css style for zoom 125% zoom in zoom out code of css page zoom css zoom image css css image zoom effect alternative for zoom in css css width zoom how to perform zoom in transform in css zoom attribute in css contained zoom css zoom in effect javascript css how to apply zoom in css zoom picture css zoom in zoom out animation css css transform scale zoom out and zoom in css zoom support alternative to zoom css zooming animation css hover zoom css css browser zoom size zoom css tricks zoom using css zoom browser window css distorsione when zoom css css browser zoom div zoom css animation css zoom hover transform zoom css transform css zoom css zoom vs scale css zoom type zoom div using css css control browser zoom element zoom css css min zoom how to change css based on browser zoom how to handle styles for browser window zoom in css css get zoom level css virtual zooming in css virtual zoom how to make something zoom in on css how to make elements smaller on zoom css css zoom in animation walk through zoom css zoom hover css css transform zoom zoom scale css zoom on hover css css web browser zoom does zoom work on mobile css auto zoom css how to handle browser zoom in css zoom css property zoom on image css zoom transition css zoom property css zoom transform css pinch to zoom css css layout like zoom app using css only css layout like zoom using css only image zoom css Set browser zoom level CSS css zoom level browser zoom level css zoom pinch zoom css pinch zoom css zoom in css zoom animation css zoom effect css how to use zoom in css deny zoom css zoom css css zoom how to zoom in on css css zoom in zoom in effect css set zoom level in css manage css on 150% zoom zoom effect in css zoom in css animation zoom cssq hovor zoom in html css equivelnt zoom css equivalent zoom css

equivalent zoom css

Welcome Back!

Create a Free Account