CSS 动画支持

标签 css animation

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

最佳答案

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

至于实际的动画本身,不看是很难说的。如果文本的默认设置是透明的、不透明度为 0 或以 display:none 开始,那么它可能不会显示在不支持 CSS3 动画的浏览器上。

附带说明一下,CSS3 动画有 pretty good support假设您使用旧版浏览器的浏览器前缀

关于CSS 动画支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21924345/

相关文章:

css - 将 CSS 应用于所有 select2 但不应用于包含字母的 id,反之亦然

javascript - 将我的图片放在轮播旁边

javascript - 使用 CSS3 Transform Scale 和 jQuery 制作动画脉冲效果

c# - 如何在 WPF 中创建动画消息横幅

css - 有没有办法在 MailChimp 模板中使用 CSS3 动画/@keyframes

css - 将宽度 1170px 与 bootstrap.css(响应式)一起使用

jquery - 垂直居中内容除非更大

html - 有没有办法让 svg 元素可以在 html 页面上突出显示?

iOS :How can I make a double variable change from 0.0 to 1.0

javascript - 响应 onclick 启动动画 + 第一个动画完成后启动另一个动画