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

2019-10-1 / 0 评论 网站特效 / 思源哥哥

本文共计 2563 字,感谢您的耐心浏览与评论.

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源码


0条回应:“转载自适应404页面特效html源码”


发表评论