06-07-2012, 08:43 AM
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;
}