Skip navigation
Currently Being Moderated

Make CSS3 animation gracefully degrade in IE9

Mar 16, 2013 2:50 PM

Tags: #ie9 #animations #css3 #conditional #statement


I´ve made this animating logo with CSS3 animations that drops down from outside the browser window.
See it in action:

The logo is placed in a AP-div and positioned -100px from the top. As you can see it works fine in most browsers.

When it comes to IE9 the problem is that because the staringpoint of the logo is -100px top the logo dosen´t

show up at all. I tried with a conditional statement for IE9 but no luck.

Anyone who has a suggestion?



  • Currently Being Moderated
    Mar 16, 2013 3:05 PM   in reply to man at work

    Use jQuery to hide your div on page load.  Negative positioning is trouble.



    Nancy O.

    Mark as:
  • Currently Being Moderated
    Mar 17, 2013 5:01 AM   in reply to man at work



    IE9 does not support css3 animations.


    You could use transitions/transforms in IE9.



    Mark as:
  • Currently Being Moderated
    Mar 17, 2013 5:37 AM   in reply to man at work

    Hello Arne,


    this animation I can see very fine in my IE 10 and too and a bit less perfectly in my FF 19.0.2.


    This IE 10 I installed a short time before with a certain "stomach rumbling" because I thought it was associated with greater difficulties, but "whizz" it was done! Since then I'm very satisfied with it and I'm experimenting with different already published CSS3 possibilities. You will probably have to insert a statement referring to this IE 10 thing on your website.


    And here a hint I got from Paula (thanks again) in another forum: If you wish to see how the code is used in IE10 then read



    Mark as:
  • Currently Being Moderated
    Mar 18, 2013 3:39 AM   in reply to man at work

    Hello Arne,


    ---------- deleted (it seems it was a misunderstanding) ----------




    Message changed by hans-g.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points