dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: transitions not animating in IE

  1. #1
    Join Date
    Mar 2009
    Posts
    7

    transitions not animating in IE

    Hi Guys,

    So Im working on a menu an surprise surprise Im having some issues with IE compatibility, The problem being that the transitions Im using arent actually animating, it goes through the paces but there is no smooth animation it just appears at the final size and location.

    I have this in the elements class

    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;

    and this in the hover

    color: #3797f9;
    -moz-transform:scale(1.8); /*scale up image 1.8x*/
    -webkit-transform:scale(1.8);
    -o-transform:scale(1.8);
    -ms-transform:scale(1.8);
    left: 65px;


    It all works fine in firefox, chrome, opera and safari but in IE theres no animation at all.

    Any thoughts?
    Last edited by DigitalEternal; 07-31-2012 at 04:43 PM.

  2. #2
    Join Date
    Mar 2011
    Posts
    1,156
    Microsoft is adding support for CSS transitions in Internet Explorer 10 due out later this year. For older versions you have to rely on the filter: methods.

  3. #3
    Join Date
    Mar 2009
    Posts
    7
    Im so sick of IE, wish we could find a way to do away with it all together.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles