为什么这个CSS3动画能在IE或Firefox中运行?

时间:2014-06-23 15:03:38

标签: html css3 internet-explorer firefox css-animations

我正在使用jQuery在Flash横幅上触发此类,它在Safari和Chrome中完美运行,但在Firefox或IE中却无法运行。 jQuery的工作原理只是CSS3淡入淡出而不是:

.opacityChange {
-webkit-animation: opacityChange 1s forwards;
-moz-animation: opacityChange 1s forwards;
-o-animation: opacityChange 1s forwards;
-ms-animation: opacityChange 1s forwards;
animation: opacityChange 1s forwards;
}


@-webkit-keyframes opacityChange {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes opacityChange {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes opacityChange {
0% {opacity:1;}
100% {opacity:1;}
}

@-ms-keyframes opacityChange {
0% {opacity:1;}
100% {opacity:1;}
}

@keyframes opacityChange {
0% {opacity:1;}
100% {opacity:1;}
}

0 个答案:

没有答案