Question

I’m developing a webpage zoom-out and zoom-in option for my website, I use browser Transform (transform CSS propertise) to scale my web page to 90% of the original view

In Chrome-   document.body.style.webkitTransform = 'scale(' + value + ')'; 

value is 0.9 for 90%.

but my webpage has one html element which I do not want to scale, I want to keep it in the same original view/size..

any possible way of doing this?

note: I tried putting that html element after the </body> tag but still scales it to 90%…

Answer 1

scale the body down to 90%, and then scale the special element back up to its original size:

document.body.style.webkitTransform = 'scale(0.9)';
specialElement.style.webkitTransform = 'scale(1.111111)';