zoom out using javascript css

Question

for zooming I am using el.style.zoom = 1.5; el.style.WebkitTransform = 'scale(1.5)';

here e1 will be ,

I use webkit based browsers.

Now how do I zoom back to original size ? Confused bec document says for zoom out have to use less than 1, and how to scale back to original size in webkit ?

Dan Herbert · Accepted Answer · 2010-01-08 15:05:21Z

2

Use percentages.

For zoom in:

el.style.zoom = "150%";

For zoom to normal:

el.style.zoom = "100%";

This should work in webkit browsers.

answered Jan 8, 2010 at 15:05

Dan Herbert

104k51 gold badges193 silver badges221 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sat Over a year ago

Cool , It works. Any Idea how to zoom in a image on particular point ? Main problem here is I cannot centre the image where I want to zoom.

Dan Herbert Over a year ago

@sat: Sure, use zoom (or a larger image) and absolutely position the image in a relatively positioned <div /> that has its overflow set to hidden and then position the image inside it as needed.

Collectives™ on Stack Overflow

zoom out using javascript css

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related