漂亮的404未找到动态网站源码

正题

漂亮的404未找到错误网页代码,漂亮的404未找到错误网页源码下载，链接可自定义设置，在文件里设置即可。

<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
  <title>404 Not Found</title>
  <style>
    body {
      padding: 0;
      margin: 0;
    }

    main {
      position: fixed;
      background: #333;
      font: 16em/0 arial;
      width: 100%;
      height: 100%;
    }

    .text-line {
      font-size: .5em;
    }

    .text-line2 {
      font-size: .2em;
    }

    svg {
      width: 100%;
      height: 100%;
    }

    .text-copy {
      fill: none;
      stroke: white;
      stroke-dasharray: 7% 28%;
      stroke-width: 3px;
      -webkit-animation: stroke-offset 8s infinite linear;
      animation: stroke-offset 8s infinite linear;
    }

    .text-copy:nth-child(1) {
      stroke: #360745;
      stroke-dashoffset: 7%;
    }

    .text-copy:nth-child(2) {
      stroke: #d61c59;
      stroke-dashoffset: 14%;
    }

    .text-copy:nth-child(3) {
      stroke: #e7d84b;
      stroke-dashoffset: 21%;
    }

    .text-copy:nth-child(4) {
      stroke: #efeac5;
      stroke-dashoffset: 28%;
    }

    .text-copy:nth-child(5) {
      stroke: #1b8798;
      stroke-dashoffset: 35%;
    }

    @-webkit-keyframes stroke-offset {
      50% {
        stroke-dashoffset: 35%;
        stroke-dasharray: 0 87.5%;
      }
    }

    @keyframes stroke-offset {
      50% {
        stroke-dashoffset: 35%;
        stroke-dasharray: 0 87.5%;
      }
    }

    .back {
      position: absolute;
      display: block;
      bottom: 15%;
      width: 100%;
      text-align: center;
    }

    .back a {
      color: #fff;
      font-size: 18px;
      padding: 8px 16px;
      border: 1px solid #fff;
      border-radius: 25px;
      text-decoration: none;
      -webkit-transition: color, background .3s;
      -moz-transition: color, background .3s;
      -o-transition: color, background .3s;
      transition: color, background .3s;
    }

    .back a:hover {
      color: #000;
      background: #fff;
    }
  </style>
</head>
<body>
<main>
  <svg viewBox="0 -40 600 320">
    <symbol id="s-text">
      <text text-anchor="middle" x="50%" y="40%" class="text-line">404</text>
      <text text-anchor="middle" x="50%" y="60%" class="text-line2">Not Found</text>
    </symbol>
    <g class="g-ants">
      <use xlink:href="#s-text" class="text-copy"></use>
      <use xlink:href="#s-text" class="text-copy"></use>
      <use xlink:href="#s-text" class="text-copy"></use>
      <use xlink:href="#s-text" class="text-copy"></use>
      <use xlink:href="#s-text" class="text-copy"></use>
    </g>
  </svg>
  <div class="back">
    <a href="/">返回首页</a>
    <a href="https://jacksat.cn/">购买授权</a>
  </div>
</main>
</body>
</html>

视频展示

演示站

404 未找到 (jacksat.cn)：https://rjfx.jacksat.cn/

源码下载

漂亮404未找到网站源码

下载

404未找到

漂亮404未找到网站源码

沃尔特专业技术提供商

1、本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。侵删请致信E-mail：jksatr@qq.com.
2、本站所有软件资源和源码附均上传至第三方网盘，如果遇到网盘不可以下载请选择备用网盘下载，所有软件源码默认不提供后期技术服务，(收费可提供）遇到使用问题联系客服
3、本站所有资源的费用均为，资源寻找、测试、修复等的人工费用，并非源码教程等的实际费用，资源免费但修复等收费！
4、本站所有资源压缩包密码均为：jacksat.cn
5、本站资源大都存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
6、本站承诺您一经付费购买我们的资源，我们全程包售后！！！

THE END