css zoom in / out

/* 특정 요소를 200%로 변경 */

.cssZoomIn {

-ms-zoom: 2.0; // IE

 

-moz-transform: scale(2.0); // Firefox

-moz-transform-origin: 0 0;

 

-o-transform: scale(2.0); // Opera

-o-transform-origin: 0 0;

 

-webkit-transform: scale(2.0); // Chrome

-webkit-transform-origin: 0 0;

 

transform: scale(2.0);

transform-origin: 0 0;

}

 

/* 특정 요소를 50%로 변경 */

.cssZoomOut {

-ms-zoom: 0.5; // IE 

 

-moz-transform: scale(0.5); // Firefox

-moz-transform-origin: 0 0;

 

-o-transform: scale(0.5); // Opera

-o-transform-origin: 0 0;

 

-webkit-transform: scale(0.5); // Chrome

-webkit-transform-origin: 0 0;

 

transform: scale(0.5);

transform-origin: 0 0;

}