Can I get such css3 animation to work in Internet Explorer, Opera, and such browsers?

Discussion in 'Programming' started by marktopper, Jun 7, 2012.

0
  1. #1
    Can I get such css3 animation to work in Internet Explorer, Opera, and such browsers?
    
 .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;
  }
    Code (markup):

     
    marktopper, Jun 7, 2012 IP