ms-transform.htc

View on GitHub

Overview

ms-transform.htc is a JavaScript plugin written for Internet Explorer 7, 8 and 9.

The goal of ms-transform.htc is to append CSS3 Transforms, transitions and other common CSS properties for Internet Explorer, which aren't supported in older versions.


Current Status

At the moment, ms-transform.htc is on very early phase, labeled as version 0.1.

Next thing to fix is transform-origin, which currently fails (as left, top) to mimic default behavior (as center, center).


Usage

ms-transform.htc is applied with following CSS Rule:

element {
    behavior: url(ms-transform.htc);
}

Examples

Rotation

#rotated-one {
    -ms-transform: rotate(45deg);
}
This is 45deg -rotated element.
#rotated-two {
    -ms-transform: rotate(10deg);
}

#rotated-two:hover {
    -ms-transform: rotate(45deg);
}
This is 10deg -rotated element, which rotates to 45deg when hovered.

Opacity

#opacity {
    opacity:0.75;
}
Opacity set to 75%.

Scaling

#scale {
    -ms-transform: scale(1.5, 1.5);
}
Scaled to 1.5