闪动文字动态效果404单页HTML源码

原创

已于 2024-09-30 06:42:18 修改 · 966 阅读

标签

#css #前端

收录于

于 2024-07-15 07:41:12 首次发布

源码介绍

闪动文字动态效果404单页HTML源码，将源码放到空白的404.html里面即可，本地双击HTML即可运行查看

效果预览

完整源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Glitchy 404 Page</title>
		<style>@import url(https://fonts.googleapis.com/css?family=Gilda+Display);

html {
     
     
  background: radial-gradient(#000, #111);
  color: white;
  overflow: hidden;
  height: 100%;
  user-select: none;
}

.static {
     
     
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  top: -100px;
  opacity: 0.05;
  z-index: 230;
  user-select: none;
  user-drag: none;
}

.error {
     
     
  text-align: center;
  font-family: