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

【摘要】 HTML+CSS自适应404页面特效源码,思源转载于优梦云<!DOCTYPE html PUBLIC "-//W3C//DTD&nbs......

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

007X8olVly1g7dj5mfw0qj30dw08mmx9.jpg

<!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
版权声明:《 转载自适应404页面特效html源码 》为作者 思源哥哥原创文章,转载请注明原文地址!
最后编辑:2019-10-1 18:10:05
免责声明:思源资源网提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件(y@isiyuan.net)与我们联系处理。
分享到:
打赏
评论 (0)