页面淡入效果

先定义一个淡入的动画效果。

 

@-webkit-keyframes fadein{
	0%{
		opacity:0;
		background-color:white;
	}
	100%{
		opacity:1;
		background-color:white;
	}
}

 然后设置body执行这个动画。

 

body{
	-webkit-animation-name:fadein;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
}

 

Chrome测试没有问题，在firefox下没效果。