html 整个页面淡入浅出,css3网页的淡入淡出效果

技术的世界没有小偷：但是做了就要承认

偷去代码：点击传送

Document

@keyframes fadein{

0%{opacity: 0;

}

100%{

opacity: 1;

}

}

@-webkit-keyframes fadein{

0%{opacity: 0;

}

100%{

opacity: 1;

}

}

@-moz-keyframes fadein{

0%{opacity: 0;

}

100%{

opacity: 1;

}

}

@-o-keyframes fadein{

0%{opacity: 0;

}

100%{

opacity: 1;

}

}

@-ms-keyframes fadein{

0%{opacity: 0;

}

100%{

opacity: 1;

}

}

body{

animation:fadein 5s linear 1;

-webkit-animation:fadein 5s linear 1;

-moz-animation:fadein 5s linear 1;

-o-animation:fadein 5s linear 1;

-ms-animation:fadein 5s linear 1;

}

CSS3 实现网页的淡入效果