Support Forums
Can I get such css3 animation to work in Internet Explorer, Opera, and such browsers? - Printable Version

+- Support Forums (https://www.supportforums.net)
+-- Forum: Categories (https://www.supportforums.net/forumdisplay.php?fid=87)
+--- Forum: Webmaster Support (https://www.supportforums.net/forumdisplay.php?fid=36)
+---- Forum: Website Development (https://www.supportforums.net/forumdisplay.php?fid=43)
+---- Thread: Can I get such css3 animation to work in Internet Explorer, Opera, and such browsers? (/showthread.php?tid=26463)



Can I get such css3 animation to work in Internet Explorer, Opera, and such browsers? - Mark Topper - 06-07-2012

Can I get such css3 animation to work in Internet Explorer, Opera, and such browsers?
Code:
.something {
  -webkit-animation-name: Bang-Down;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -moz-animation-name: Bang-Down;
  -moz-animation-duration: 1.5s;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
}
@-webkit-keyframes Bang-Down {
  0% {
    margin-top: -350px;
    opacity: 1;
  }
  90% {
    margin-top: -5px;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }
}
@-moz-keyframes Bang-Down {
  0% {
    margin-top: -350px;
    opacity: 1;
  }
  90% {
    margin-top: -5px;
  }
  100% {
    margin-top: 0px;
    opacity: 1;
  }



Can I get such css3 animation to work in Internet Explorer, Opera, and such browsers? - 'Snorlax - 07-14-2012

I guess.. I mean, why not?
It's not supported?