Scaling on Webpage

Posted onAuthorMrNetTek

email me

You can make use of css3 transfrom’s scale property which scales the element.

HTML
<div id='shrinkMe'>
<div id='shrink' class='content'></div>
</div>

CSS
.shrink {
-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
transform:scale(0.5);
}

Script
$('#shrinkMe').click(function(){ // or other event $(this).addClass('shrink'); });