IE10没有Webkit不工作

我真的可以使用一些帮助。在这个网站http://medicalaid.org我一直在尝试修复它后，另一个开发人员离开。我得到的最后一个问题是我无法在IE10中加载一半的webkit动画，所有其他浏览器都可以正常工作，几乎所有的内容div都具有它们。我试图重写例如CSS：IE10没有Webkit不工作

@-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; 
}

而且我不能得到任何工作，将是巨大的，如果有人可以来看看，帮我出

来源

2015-01-09 csuk1

（没有downvote BRO）代码片段不会在Chrome上运行。（编辑）哦，这不是代码片段。如果你想添加一个你想要做的事情的例子，那么使用一段代码片段。否则，只需将其标记为代码即可。 – Will 2015-01-09 19:31:25

是我的错，谢谢 – csuk1 2015-01-09 19:49:42

尽量去除前缀的版本您的css：

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

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

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

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

来源

2015-01-09 20:25:03

这只是在Chrome浏览器中打破了网站，并没有在IE – csuk1 2015-01-09 20:51:42

您需要定义的不仅仅是animation-name;你还需要提供持续时间。没有这些信息，浏览器不知道动画要持续多长时间。下面，我指出，整个动画应该最后2秒：

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

的resulting animation大概是沿着你希望是什么线。我定义了.go的样式，这会使其变成绿色，并且四舍五入。

enter image description here

来源

2015-01-10 20:19:16 Sampson

IE10没有Webkit不工作

回答

相关问题