Css IE10无Webkit不工作

我真的需要一些帮助。在这个网站上，我一直试图在另一个开发者离开后修复它。我遇到的最后一个问题是，我无法在IE10中加载一半的webkit动画，所有其他浏览器都可以正常工作，几乎所有的content Div都有它们。我尝试过重写css，例如：

@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -o-transform: scale(.3);
        -ms-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
        -moz-transform: scale(1.05); 
        -o-transform: scale(1.05); 
        -ms-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
        -moz-transform: scale(.9); 
        -o-transform: scale(.9); 
        -ms-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
         -moz-transform: scale(1); 
         -o-transform: scale(1); 
         -ms-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn.go { 
    -webkit-animation-name: bounceIn; 
    -moz-animation-name: bounceIn; 
    -o-animation-name: bounceIn; 
    -ms-animation-name: bounceIn; 
    animation-name: bounceIn; 
}

---

我什么都做不到，如果有人能帮我解决一下，那就太好了

尝试删除你的css的非固定版本：

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

---

您需要定义的不仅仅是

动画名称

；您还需要提供持续时间。如果没有此信息，浏览器将不知道动画将持续多长时间。下面我要说的是，整个动画应该持续2秒：

.bounceIn.go {
    animation: bounceIn 2s;
}

这大概是你想要的。我为

.go

定义了样式，使其变为绿色和圆形

---

（无否决权）代码片段不在Chrome中运行。（编辑）哦，这不是代码片段。如果您想添加一个您正在尝试执行的示例，请使用代码段。否则，只需将其标记为代码。是的，我的错，感谢它在Chrome中破坏了网站，在IE中没有任何区别