Note that there are some explanatory texts on larger screens.

plurals
  1. POShouldn't this CSS work in IE9?
    primarykey
    data
    text
    <p>I have a div that I'm rotating as it fades in. It works in every modern browser, but the code for IE doesn't seem to be working.</p> <pre><code>#box { width: 400px; height: 400px; display: inline-block; position: absolute; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transition: all 0.8s 1s ease-in-out; -webkit-transition: all 0.8s 1s ease-in-out; -moz-transition: all 0.8s 1s ease-in-out; -o-transition: all 0.8s 1s ease-in-out; opacity:0; } #box.animate { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); opacity:100; } </code></pre> <p>I've looked at the following two similar questions, but their solutions didn't solve my problem.</p> <p><a href="https://stackoverflow.com/questions/14655520/css3-rotation-doesnt-work-in-ie9">css3 rotation doesn&#39;t work in IE9</a></p> <p><a href="https://stackoverflow.com/questions/4865167/css3-transform-rotate-in-ie9">CSS3 transform: rotate; in IE9</a></p> <p>I'd be willing to use jQuery, but I don't know it well enough to code it myself.</p> <h1>Update</h1> <p>Below is a link to a new question I asked about how to solve using jQuery. If you can help I'll make you a cake. Or a pie.</p> <p><a href="https://stackoverflow.com/questions/17889790/rotating-a-div-using-jquery-thats-supported-by-ie9">Rotating a div using jQuery that&#39;s supported by IE9</a></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload