这是一款动态的 404 错误页面,「404」三个数字以炫彩颜色在不停的流动着,先来看看效果:
一部分关键的代码如下:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>动态的404错误页面演示</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg viewBox="0 0 960 300">
<symbol id="s-text">
<text text-anchor="middle" x="50%" y="80%">404</text>
</symbol>
<g class="g-ants">
<use xlink:href="#s-text" class="text"></use>
<use xlink:href="#s-text" class="text"></use>
<use xlink:href="#s-text" class="text"></use>
<use xlink:href="#s-text" class="text"></use>
<use xlink:href="#s-text" class="text"></use>
</g>
</svg>
<div class="dowebok">
<h1>很抱歉,页面找不到了</h1>
<a href="https://www.php.cn/xiazai/js/wenzi">返回首页</a>
</div>
</body>
</html>
全部代码:动态的404错误页面.zip