Html
    Css
    Js

    
                        
.page404 {
	background:#000;
	background-image:none;
	color:#fff;
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
}
.page404 div.txt404 {
	z-index:999;
	position:relative;
	height:400px;
	text-align:center;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	font:bold 300px/1 "microsoft yahei";
}
.page404 span {
	font:bold 50px "microsoft yahei";
	position:absolute;
}
.page404 span.opacityAnimateShow {
	animation:opacityAnimateShow 0.5s;
}
.page404 span.opacityAnimateHide {
	animation:opacityAnimateHide 0.5s;
}
@keyframes opacityAnimateShow {
	from {
	opacity:0;
}
to {
	opacity:1;
}
}@keyframes opacityAnimateHide {
	from {
	opacity:1;
}
to {
	opacity:0;
}
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

404 提示随机文字颜色效果

可作为一个完整的404页面使用

2
      zhendeainio0
      2017/7/10 18:38:27

      运行久了,满屏的字,好大部分字不会消逝...

          geekFeier0
          2017/7/17 0:35:11

          哈哈哈,其实我也发现了,水平还有待提高,嘿嘿,等再上一个档次就优化优化

      回复