简体   繁体   English

CSS·过渡和动画在IE10 +中不起作用

[英]CSS· transitions and animations not working in IE10+

I developed a page with several animations using CSS3 and is working correctly on all modern browsers, with the exception of IE. 我使用CSS3开发了包含多个动画的页面,并且除IE之外,在所有现代浏览器上均正常运行。 I don't expect it to work on older versions, but checking the W3C documentation for the CSS properties I used, they should be working even without vendor prefixes. 我不希望它在较旧的版本上起作用,但是请检查W3C文档中我使用的CSS属性,即使没有供应商前缀,它们也应该可以工作。 Even so, I included all of the vendor prefixes for all of the properties that apply. 即使这样,我还是为所有适用的属性添加了所有供应商前缀。

I mainly used keyframes to achieve some transitions like a spin, pendulum and blink. 我主要使用关键帧来实现一些过渡,例如旋转,摆和眨眼。 At this point I would be glad if I can get at least a couple of them to work. 在这一点上,我很高兴能至少让他们几个工作。

You can see the page in action here: http://tiempo-libre.com.ve/prueba/ 您可以在此处查看正在运行的页面: http : //tiempo-libre.com.ve/prueba/

The stylesheet with the CSS3 properties is: http://tiempo-libre.com.ve/prueba/css/style.css 具有CSS3属性的样式表为: http : //tiempo-libre.com.ve/prueba/css/style.css

You've got some of your animation names in double quotes "blink" especially the -ms- prefixed ones. 您的某些动画名称带有双引号“ blink”,尤其是-ms-前缀的动画名称。

Also just to be super sure, check this article by Chris Coyier, it's pretty sweet - 另外,请确保克里斯·科耶尔(Chris Coyier)撰写的这篇文章非常甜蜜,
Keyframe animations 关键帧动画

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM