转载自适应404页面特效html源码
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超文本标记语言是应用于网页端的页面标记语言，它通过在文本中添加标记，浏览器依据标签的不同，按照不同的方式显示内容，组织内容结构。HTML是作为一名...
html按钮特效
演示： 点击进入冯耀宗博客 >> 下载地址：http://pan.baidu.com/s/1bnlEc8J ...
网页在线客服代码大全，html客服网页代码
很多企业网站开通之后，总要加一大堆的站长统计代码和客服代码，但是企业技术能力有限，往往不知道如何下手，如果你有客服代码，在建站宝盒建站系统中，你可以有两种方法搞定客服代码，下面一起来看教程。 第一步...
HTML常用全部代码,html源代码
太Low了，网页居然还用这么老掉牙的特效！弄个粗体字，下划线就是突出重点了？真是一股浓浓的乡村风扑面而来；弄个图在页面飘来飘去就是动画效果了，你要这么认为的话那我只能保持沉默了。在HTML5占领着...
html高端大气滑动效果,win8网页滑动效果
操作系统发展史告诉我们，科技不断进步，我们的网页质量在进步的同时也要随着系统来更新，那么今天给大家来带一个比较炫丽的win8界面的效果。html高端大气滑动效果,win8网页滑动效果。 下载地址：点...
html超链接下划线应该加入吗？
在你网站SEO外链和站内文章与你竞争对手相当的情况下，我们只有依靠SEO细节来超越我们的竞争对手，也许就是一个超链接下划线的问题能够改变我们网站的排名，那么一个小小的超链接真的有那么大的威力吗？ 超...
Copyright Your WebSite.Some Rights Reserved.
免责声明:本站所发布的任何网站，全部来源于互联网，版权争议与本站无关。仅供技术交流，如有侵权或不合适，请联系本人进行删除。不允许做任何非法用途！