CSS动画支持

CSS动画支持,css,animation,Css,Animation,我正在使用关键帧将动画添加到网站的各个部分。动画与页面内容一起淡入。我的问题是,如果用户在不受支持的浏览器中加载网站,文本会加载到页面上,还是不会显示(因为不支持动画)?您可以很容易地测试自己。删除动画关键帧(或使动画发生的任何其他对象)并刷新页面。如果文本显示yes(是),它将在不支持动画的浏览器上显示 至于真实的动画本身,如果看不到它就很难说了。如果文本的默认值是透明的,不透明度为0,或者开始时使用display:none,那么它可能不会显示在不支持CSS3动画的浏览器上 另一方面,CSS3

我正在使用关键帧将动画添加到网站的各个部分。动画与页面内容一起淡入。我的问题是,如果用户在不受支持的浏览器中加载网站,文本会加载到页面上,还是不会显示(因为不支持动画)?

您可以很容易地测试自己。删除动画关键帧(或使动画发生的任何其他对象)并刷新页面。如果文本显示yes(是),它将在不支持动画的浏览器上显示

至于真实的动画本身,如果看不到它就很难说了。如果文本的默认值是透明的,不透明度为0,或者开始时使用
display:none
,那么它可能不会显示在不支持CSS3动画的浏览器上


另一方面,CSS3动画为旧浏览器提供了使用浏览器前缀的功能

CSS动画由“to”和“from”或一组关键帧“xx%”定义。但是在动画启动之前(或者如果它没有启动)和完成之后,所有属性都由样式表的其余部分定义,关键帧中的任何内容都没有效果。

这取决于代码。我们能看看吗?你可以很容易地测试一下。删除动画关键帧(或使动画发生的任何其他对象)并刷新页面。如果文本显示yes,它将在不支持AnimationDigitalFront的浏览器上显示:代码只是一个带有关键帧的从0%到100%的动画@扎克肖西尔:你能回答这个问题吗?@ShaanSingh,我跟你一样做了requested@ZachSaucier好的,谢谢。我会测试每一个,然后再报告。