How to Rotate Elements in Internet Explorer 9 Using CSS3?

Rotating Elements in IE9 with CSS3

Problem:

Rotating an element with CSS3's 'transform' property fails in Internet Explorer 9.

Solution:

To rotate elements in IE9, use the vendor-prefixed '-ms-transform: rotate()' property.

Details:

The standard CSS3 'transform' property for rotation should work in IE9, but requires a vendor prefix. Use '-ms-transform: rotate(10deg);' to achieve the desired rotation.

Note that the IE-specific 'filter' property for rotation has been discontinued in IE9.

Additional Information:

• CSS3 rotate functionality in IE9 preview caused some issues, but the final release version supports it.

• Resources for testing and documentation:

  • http://css3please.com
  • http://caniuse.com/#search=rotation

• CSS Sandpaper hack:

  • Implements standard CSS transforms for IE 6/7/8
  • Allows using '-sand-transform: rotate()' syntax instead of the old 'filter' syntax

The above is the detailed content of How to Rotate Elements in Internet Explorer 9 Using CSS3?. For more information, please follow other related articles on the PHP Chinese website!