Trusted answers to developer questions
Trusted Answers to Developer Questions

Related Tags

zoom
property
css

What is the zoom property in CSS?

Educative Answers Team

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

The zoom property specifies the scale by which an object is magnified. It is a non-standard property and was introduced by Internet Explorer. The zoom property is only supported by some browsers including IE, Chrome, and Safari.

The illustration below explains what the zoom property does.

svg viewer

Parameter

zoom takes a single parameter (a whole number) that defines the percentage of magnification.

Initial image:

Check out the code below to understand how img-hover-zoom is implemented. The picture is magnified when the user hovers over the image with their mouse.

Check out the code below to understand how zoom is implemented.

RELATED TAGS

zoom
property
css
Copyright ©2022 Educative, Inc. All rights reserved

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

Keep Exploring