CSS3 IE 10 页面淡入淡出过渡/动画

标签 css css-transitions css-animations

寻找一个炫酷、流畅的轻量级 CSS3 页面淡入淡出过渡效果。

只需要支持 IE 10,因为我想在 Windows Metro App 中使用 WebView 控件(它是从 IE 10 派生的轻量级浏览器控件) ).

过渡必须在页面加载时触发。

我想要这样的效果: http://ie.microsoft.com/testdrive/Graphics/FullPageAnimations/1_Introduction.html

最佳答案

找到了一个干净简单的方法:

body
{
   opacity: 0;
   transition: all 1s ease;
}

.loaded
{
   opacity:1;
}

body

<body onload="document.body.classList.add('loaded');">

关于CSS3 IE 10 页面淡入淡出过渡/动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17125963/

相关文章:

css - 如何使布局 100% 高度

CSS 过渡在 IE 8/7 中不起作用,在 IE 11-9、FF、Chrome、Safari 中起作用

CSS3 动画在 Firefox 或 Internet Explorer 中不起作用

html - 我们可以修改 Font Awesome 旋转速度吗?

css - 通过单击不同的组件来动画组件

css - 定位 CSS :after content

javascript - DIV - 备用背景图像

html - CSS背景色在safari mac系统中取用

javascript - 如何在需要时正确禁用 CSS3 过渡属性

css - 关键帧在 Firefox 中不起作用