IE/chrome页面过渡效果

@-webkit-keyframes fadeIn {
0% {opacity: 0; /*初始状态 透明度为0*/}
50% {opacity: 0; /*中间状态 透明度为0*/}
100% {opacity: 1; /*结尾状态 透明度为1*/}
}

body{ font-family:"微软雅黑";  background:#f0f0f0;  height:100%;
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 1s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/
}