-webkit-transform not working in Internet Explorer

internet-explorer css vendor-prefix
Cartesius00 picture Cartesius00 · Jul 12, 2012 · Viewed 20.3k times · Source

I've found that -webkit-transform: rotateZ(10deg); doesn't work in Internet Explorer 9. What can be used instead of that using CSS3?

Answer

mgherkins picture mgherkins · Jul 12, 2012

Have you tried -ms-transform:rotateZ(10deg);?

As -webkitis also a vendor specific prefix, you'll have to add those for non-webkit browsers, too.

(like -ms, -moz, -o)

Check out this CSS3 3D Transforms Tutorial for more info: http://www.pageresource.com/css3/3d-transforms-tutorial/

Related questions

CSS - border-radius doesn't display in IE6/7/8

I'm using the following CSS to achieve a rounded border on my DIV: border: 1px solid #999; border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; But in IE 6/7/8, even though I'm including the IE specific radius, it is not displaying a …

Read More
Are There Specific CSS Selectors Targeting IE10?

Since IE is getting rid of conditional comments in version 10, I'm in dire need to find a "CSS hack" targeting IE10 specifically. Note that it has to be the selector that's getting "hacked" and not the CSS-properties. In Mozilla, you …

Read More
Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More