先定义一个淡入的动画效果。
@-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下没效果。