CSS3 Click Chart | CSS3 Browser Support and Information

Scale Transforms

Allows you to scale an element vertically and/or horizontally using a function as a value for the transform property.

Specification

Example Code

.element {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

Live Demonstration

The image below is scaled up from its original size using transforms.

Desktop Browser Support

Standard Syntax:
IE10+, Firefox 16+

Vendor Prefix:
IE9+, Firefox 3.5+, Chrome 4+, Safari 3.1+, Opera 10.5+

Tools / Polyfills

cssSandpaper
Transformie

Tutorials / Articles

A Primer on CSS3 Transforms (SitePoint)