转载自适应404页面特效html源码

访客4年前关于黑客接单549

HTML+CSS自适应404页面特效源码,思源转载于优梦云

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1" /> 
  <title>错误提示-页面未找到</title> 
  <style type="text/css">
<!--
body{height: 80vh;display:flex;background-color:#222a30;flex-direction:column;align-items:center;justify-content:center;}
.min,.mini{color:#fff;text-indent:12px;letter-spacing:12px;font-size:100px;font-family:Cabin,sans-serif;-webkit-animation:colorText 5s ease-out infinite,nudgeText 5s ease-out infinite;animation:colorText 5s ease-out infinite,nudgeText 5s ease-out infinite;}
.mini{font-size:14px;}
.btn{display:inline-block;margin-top:50px;padding:5px 10px;border:1px solid #fff;color:#fff;text-decoration:none;}
@-webkit-keyframes colorText{21%{color:#4e5559;}
30%{color:#fff;}
51%{color:#4e5559;}
60%{color:#fff;}
81%{color:#4e5559;}
90%{color:#fff;}
}
@keyframes colorText{21%{color:#4e5559;}
30%{color:#fff;}
51%{color:#4e5559;}
60%{color:#fff;}
81%{color:#4e5559;}
90%{color:#fff;}
}
-->
</style> 
 </head> 
 <body> 
  <div>
   404
  </div> 
  <div>
   御风而行,踏破天穹
  </div> 
  <a href="javascript:history.back(-1);">返回首页</a>  
 </body>
</html>


标签: HTML

相关文章

html超链接下划线应该加入吗?

html超链接下划线应该加入吗?

在你网站SEO外链和站内文章与你竞争对手相当的情况下,我们只有依靠SEO细节来超越我们的竞争对手,也许就是一个超链接下划线的问题能够改变我们网站的排名,那么一个小小的超链接真的有那么大的威力吗? 超...

shtml和html的区别有哪些,shtml更利于搜索引擎优化

shtml和html的区别有哪些,shtml更利于搜索引擎优化

看到很多大型的门户网站都使用shtml但个人站点或者说是企业站点很少使用shtml,那么shtml和html有什么区别呢,另外站在SEOER的角度考虑,shtml是否更具有SEO优化的优势呢?...

html按钮特效

演示: 点击进入冯耀宗博客 >> 下载地址:http://pan.baidu.com/s/1bnlEc8J  ...

HTML常用全部代码,html源代码

HTML常用全部代码,html源代码

太Low了,网页居然还用这么老掉牙的特效!弄个粗体字,下划线就是突出重点了?真是一股浓浓的乡村风扑面而来;弄个图在页面飘来飘去就是动画效果了,你要这么认为的话那我只能保持沉默了。在HTML5占领着...

网页在线客服代码大全,html客服网页代码

网页在线客服代码大全,html客服网页代码

很多企业网站开通之后,总要加一大堆的站长统计代码和客服代码,但是企业技术能力有限,往往不知道如何下手,如果你有客服代码,在建站宝盒建站系统中,你可以有两种方法搞定客服代码,下面一起来看教程。 第一步...

html高端大气滑动效果,win8网页滑动效果

html高端大气滑动效果,win8网页滑动效果

操作系统发展史告诉我们,科技不断进步,我们的网页质量在进步的同时也要随着系统来更新,那么今天给大家来带一个比较炫丽的win8界面的效果。html高端大气滑动效果,win8网页滑动效果。 下载地址:点...