当前位置： 首页 > news >正文

动态白色小幽灵404网站源码

news 2026/3/31 15:40:39

动态白色小幽灵404网站源码，页面时单页HTML源码，将代码放到空白的html里面，鼠标双击html即可查看效果，或者上传到服务器，错误页重定向这个界面即可，喜欢的朋友可以拿去使用
20.gif

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>ghost 404</title><style>@import url("https://fonts.googleapis.com/css?family=Abril+Fatface|Lato");
body {background: #D3DEEA;
}.top {margin-top: 30px;
}.container {margin: 0 auto;position: relative;width: 250px;height: 250px;margin-top: -40px;
}.ghost {width: 50%;height: 53%;left: 25%;top: 10%;position: absolute;border-radius: 50% 50% 0 0;background: #EDEDED;border: 1px solid #BFC0C0;border-bottom: none;animation: float 2s ease-out infinite;
}.ghost-copy {width: 50%;height: 53%;left: 25%;top: 10%;position: absolute;border-radius: 50% 50% 0 0;background: #EDEDED;border: 1px solid #BFC0C0;border-bottom: none;animation: float 2s ease-out infinite;z-index: 0;
}.face {position: absolute;width: 100%;height: 60%;top: 20%;
}.eye, .eye-right {position: absolute;background: #585959;width: 13px;height: 13px;border-radius: 50%;top: 40%;
}.eye {left: 25%;
}.eye-right {right: 25%;
}.mouth {position: absolute;top: 50%;left: 45%;width: 10px;height: 10px;border: 3px solid;border-radius: 50%;border-color: transparent #585959 #585959 transparent;transform: rotate(45deg);
}.one, .two, .three, .four {position: absolute;background: #EDEDED;top: 85%;width: 25%;height: 23%;border: 1px solid #BFC0C0;z-index: 0;
}.one {border-radius: 0 0 100% 30%;left: -1px;
}.two {left: 23%;border-radius: 0 0 50% 50%;
}.three {left: 50%;border-radius: 0 0 50% 50%;
}.four {left: 74.5%;border-radius: 0 0 30% 100%;
}.shadow {position: absolute;width: 30%;height: 7%;background: #BFC0C0;left: 35%;top: 80%;border-radius: 50%;animation: scale 2s infinite;
}@keyframes scale {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}
}
@keyframes float {50% {transform: translateY(15px);}
}
.bottom {margin-top: 10px;
}/*text styling*/
h1 {font-family: "Abril Fatface", serif;color: #EDEDED;text-align: center;font-size: 9em;margin: 0;text-shadow: -1px 0 #BFC0C0, 0 1px #BFC0C0, 1px 0 #BFC0C0, 0 -1px #BFC0C0;
}h3 {font-family: "Lato", sans-serif;font-size: 2em;text-transform: uppercase;text-align: center;color: #BFC0C0;margin-top: -20px;font-weight: 900;
}p {text-align: center;font-family: "Lato", sans-serif;color: #585959;font-size: 0.6em;margin-top: -20px;text-transform: uppercase;
}.search {text-align: center;
}.buttons {display: flex;align-items: center;justify-content: center;margin-top: 10px;
}/*search style*/
.search-bar {border: 1px solid #BFC0C0;padding: 5px;height: 20px;margin-left: -30px;width: 200px;outline: none;
}
.search-bar:focus {border: 1px solid #D3DEEA;
}.search-btn {position: absolute;width: 30px;height: 32px;border: 1px solid #BFC0C0;background: #BFC0C0;text-align: center;color: #EDEDED;cursor: pointer;font-size: 1em;outline: none;
}
.search-btn:hover {background: #EDEDED;border: 1px solid #EDEDED;color: #BFC0C0;transition: all 0.2s ease;
}.btn {background: #EDEDED;padding: 15px 20px;margin: 5px;color: #585959;font-family: "Lato", sans-serif;text-transform: uppercase;font-size: 0.6em;letter-spacing: 1px;border: 0;
}
.btn:hover {background: #BFC0C0;transition: all 0.4s ease-out;
}footer {position: absolute;bottom: 0;right: 0;text-align: center;font-size: 0.8em;text-transform: uppercase;padding: 10px;color: #EA7996;letter-spacing: 3px;font-family: "Lato", sans-serif;
}
footer a {color: #ffffff;text-decoration: none;
}
footer a:hover {color: #7d7d7d;
}</style></head><body><div id="background"></div><div class="top"><h1>404</h1><h3>page not found</h3></div><div class="container"><div class="ghost-copy"><div class="one"></div><div class="two"></div><div class="three"></div><div class="four"></div></div><div class="ghost"><div class="face"><div class="eye"></div><div class="eye-right"></div><div class="mouth"></div></div></div><div class="shadow"></div></div><div class="bottom"><p>Boo, looks like a ghost stole this page!</p><form class="search" action="https://www.qqmu.com/"><input type="text" class="search-bar" name="s" placeholder="Search"><button type="submit" class="search-btn"><i class="fa fa-search"></i></button></form><div class="buttons"><button class="btn">Back</button><a href="http://www.qqmu.com"><button class="btn">Home</button></a></div></div><footer><p>made by <a href="http://www.qqmu.com">Haiyong</a> </footer></body>
</html>

相关文章：

动态白色小幽灵404网站源码

动态白色小幽灵404网站源码&#xff0c;页面时单页HTML源码&#xff0c;将代码放到空白的html里面&#xff0c;鼠标双击html即可查看效果&#xff0c;或者上传到服务器&#xff0c;错误页重定向这个界面即可&#xff0c;喜欢的朋友可以拿去使用 <!DOCTYPE html> <ht…...

编程日记 2024/7/7 10:09:36

axios的使用，处理请求和响应，axios拦截器

1、axios官网 https://www.axios-http.cn/docs/interceptors 2、安装 npm install axios 3、在onMouunted钩子函数中使用axios来发送请求&#xff0c;接受响应 4.出现的问题&#xff1a; &#xff08;1&#xff09; 但是如果发送请求请求时间过长&#xff0c;回出现请求待处…...

编程日记 2024/7/7 10:08:34

visual studio 2017增加.cu文件

右击项目名称&#xff0c;选择生成依赖项>生成自定义把CUDA11.3target勾选上&#xff1b; 把带有cuda代码的.cpp文件和.cu文件右击属性>项类型>选择CUDA C/C 右击项目名称&#xff0c;C/C>命令行添加/D _CRT_SECURE_NO_WARNINGS&#xff1b; 选择CUDA C/C>命…...

编程日记 2024/7/7 10:05:31

linux 管道符 |

在Linux中&#xff0c;管道符&#xff08;|&#xff09;是一个非常重要的概念&#xff0c;它允许你将一个命令的输出作为另一个命令的输入。这种机制使得Linux命令可以非常灵活地进行组合&#xff0c;从而执行复杂的任务。 管道符的基本用法 假设你有两个命令&#xff1a;com…...

编程日记 2024/7/7 10:04:29

Android - SIP 协议

SIP 代表(会话发起协议)。 它是一种协议&#xff0c;可让应用程序轻松设置呼出和呼入语音呼叫&#xff0c;而无需直接管理会话、传输级通信或音频记录或回放。 SIP 应用程序 SIP 的一些常见应用是。 视频会议即时消息 开发要求 以下是开发 SIP 应用程序的要求 − Android 操作系…...

编程日记 2024/7/7 10:00:22

Python结合MobileNetV2：图像识别分类系统实战

一、目录 算法模型介绍模型使用训练模型评估项目扩展 二、算法模型介绍 图像识别是计算机视觉领域的重要研究方向&#xff0c;它在人脸识别、物体检测、图像分类等领域有着广泛的应用。随着移动设备的普及和计算资源的限制&#xff0c;设计高效的图像识别算法变得尤为重要。…...

编程日记 2024/7/7 9:59:21

【】AI八股-神经网络相关

Deep-Learning-Interview-Book/docs/深度学习.md at master amusi/Deep-Learning-Interview-Book GitHub 网上相关总结&#xff1a; 小菜鸡写一写基础深度学习的问题&#xff08;复制大佬的&#xff0c;自己复习用&#xff09; - 知乎 (zhihu.com) CV面试问题准备持续更新贴 …...

编程日记 2024/7/7 9:58:20

NodeJs的安装与环境变量配置

Node.js的环境变量配置主要涉及设置Node.js的安装路径、npm&#xff08;Node Package Manager&#xff09;的全局模块安装路径和缓存路径&#xff0c;以及可能需要的国内镜像源配置。以下是详细的配置步骤&#xff1a; 一、安装Node.js 下载Node.js安装包&#xff1a; 访问Nod…...

编程日记 2024/7/7 9:57:19

进程输入输出及终端属性学习

进程的标准输入输出 当主进程fork或exec子进程&#xff0c;文件描述符被继承&#xff0c;因此0,1,2句柄也被继承&#xff0c;从而使得telnet等服务&#xff0c;可以做到间接调用别的shell或程序。比如如果是远程登录使用的zsh&#xff0c;那么其会重定向到相应的pts $ ps|gre…...

编程日记 2024/7/7 9:56:17

关于redis集群和事务

最近为了核算项目的两个架构指标&#xff08;可用性和伸缩性&#xff09;&#xff0c;需要对项目中使用的Redis数据库的集群部署进行一定程度的了解&#xff0c;当然顺便再学习一遍它的事务细节。 既然我在上面把Redis称之为数据库&#xff0c;那么在我们目前的项目里&#xf…...

编程日记 2024/7/7 9:54:15

ctfshow-web入门-文件包含（web88、web116、web117）

目录 1、web88 2、web116 3、web117 1、web88 没有过滤冒号 : &#xff0c;可以使用 data 协议&#xff0c;但是过滤了括号和等号&#xff0c;因此需要编码绕过一下。 这里有点问题&#xff0c;我 (ls) 后加上分号发现不行&#xff0c;可能是编码结果有加号&#xff0c;题目…...

编程日记 2024/7/7 9:52:13

My sql 安装，环境搭建

以下以MySQL 8.0.36为例。 一、下载软件 1.下载地址官网&#xff1a;https://www.mysql.com 2. 打开官网&#xff0c;点击DOWNLOADS 然后&#xff0c;点击 MySQL Community(GPL) Downloads 3. 点击 MySQL Installer for Windows 4.点击Archives选择合适版本 5.选择后下载…...

编程日记 2024/7/7 9:49:09

JVM原理（二十）：JVM虚拟机内存的三特性详解

1. 原子性、可进行、有序性 1.1. 原子性 Java内存模型围绕着在并发过程中如何处理原子性、可见性和有序性这三个特征来建立的。 Java内存模型来直接保证的原子性变量操作包括read、load、assign、use、store和write这六个。我们大致可以认为&#xff0c;基本数据类型的访问、…...

编程日记 2024/7/7 9:47:06

Flink 窗口触发器(Trigger)(二)

Flink 窗口触发器(Trigger)(一) Flink 窗口触发器(Trigger)(二) Apache Flink 是一个开源流处理框架&#xff0c;用于处理无界和有界数据流。在 Flink 的时间窗口操作中&#xff0c;触发器&#xff08;Trigger&#xff09;是一个非常重要的概念&#xff0c;它决定了窗口何时应…...

编程日记 2024/7/7 9:45:05

CH12_函数和事件

第12章&#xff1a;Javascript的函数和事件 本章目标 函数的概念掌握常用的系统函数掌握类型转换掌握Javascript的常用事件 课程回顾 Javascript中的循环有那些&#xff1f;Javascript中的各个循环特点是什么&#xff1f;Javascript中的各个循环语法分别是什么&#xff1f;…...

编程日记 2024/7/7 9:44:04

Android- Framework 非Root权限实现修改hosts

一、背景 修改system/etc/hosts&#xff0c;需要具备root权限&#xff0c;而且remount后&#xff0c;才能修改&#xff0c;本文介绍非root状态下修改system/etc/hosts方案。 环境&#xff1a;高通 Android 13 二、方案 非root&#xff0c;system/etc/hosts只有只读权限&…...

编程日记 2024/7/7 9:43:03

mac安装达梦数据库

参考&#xff1a;mac安装达梦数据库​​​​​​ 实践如下&#xff1a; 1、下载达梦Docker镜像文件 同参考链接 2、导入镜像 镜像可以随便放在某个目录&#xff0c;相当于安装包&#xff0c;导入后就没有作用了。 查找达梦镜像名称&#xff1a;dm8_20240613_rev229704_x86…...

编程日记 2024/7/7 9:42:02

14-41 剑和诗人15 - RLAIF 大模型语言强化培训

​​​​​​ 介绍 大型语言模型 (LLM) 在自然语言理解和生成方面表现出了巨大的能力。然而&#xff0c;这些模型仍然存在严重的缺陷&#xff0c;例如输出不可靠、推理能力有限以及缺乏一致的个性或价值观一致性。 为了解决这些限制&#xff0c;研究人员采用了一种名为“人工…...

编程日记 2024/7/7 9:40:00

每日一题~oj（贪心）

对于位置 i来说&#xff0c;如果 不选她&#xff0c;那她的贡献是 vali-1 *2&#xff0c;如果选他 &#xff0c;那么她的贡献是 ai. 每一个数的贡献 是基于前一个数的贡献 来计算的。只要保证这个数的前一个数的贡献是最优的&#xff0c;那么以此类推下去&#xff0c;整体的val…...

编程日记 2024/7/7 9:34:51

成人高考报名条件及收费标准详解

成人高考报名条件及收费标准详解 您想通过成人高考改变自己的命运&#xff0c;但不知道报名条件和收费标准&#xff1f;本文将为您详细介绍成人高考报名条件和收费标准&#xff0c;并为您提供专业的成人教育服务。 深圳成人高考www.shenzhixun.com 成人高考报名条件 成人高考…...

编程日记 2024/7/7 9:33:50

TensorFlow实战：用CIFAR-10数据集训练你的第一个图像分类模型（附完整代码）

TensorFlow图像分类实战&#xff1a;从零构建CIFAR-10卷积神经网络的完整指南 当第一次接触图像分类任务时&#xff0c;许多开发者会被复杂的网络结构和数据处理流程所困扰。本文将带你用TensorFlow构建一个能识别10类常见物体的卷积神经网络&#xff0c;从数据加载到模型评估&…...

编程新知 2026/3/31 15:16:37

让老旧Mac焕发新生：OpenCore Legacy Patcher完整指南

让老旧Mac焕发新生&#xff1a;OpenCore Legacy Patcher完整指南 【免费下载链接】OpenCore-Legacy-Patcher Experience macOS just like before 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher 您的Mac是否被苹果官方"抛弃"&…...

编程新知 2026/3/31 13:45:07

ECharts 5.4.3实战：3步打造科技感爆棚的流光折线图（附完整代码）

ECharts 5.4.3实战&#xff1a;3步打造科技感爆棚的流光折线图&#xff08;附完整代码&#xff09; 在数据可视化领域&#xff0c;ECharts凭借其强大的功能和灵活的配置选项&#xff0c;已经成为前端开发者的首选工具之一。特别是其丰富的动画效果&#xff0c;能够为静态数据注…...

编程新知 2026/3/31 12:39:58

技术揭秘：QtScrcpy如何实现跨平台Android投屏与低延迟控制

技术揭秘&#xff1a;QtScrcpy如何实现跨平台Android投屏与低延迟控制 【免费下载链接】QtScrcpy Android实时投屏软件&#xff0c;此应用程序提供USB(或通过TCP/IP)连接的Android设备的显示和控制。它不需要任何root访问权限 项目地址: https://gitcode.com/barry-ran/QtScr…...

编程新知 2026/3/31 11:31:15

Flutter项目卡在‘assembleDebug’？Gradle配置优化全攻略

1. 为什么Flutter项目会卡在assembleDebug阶段&#xff1f; 这个问题困扰过无数Flutter开发者&#xff0c;尤其是刚入门的新手。当你满怀期待地运行flutter run命令&#xff0c;结果控制台卡在Running Gradle task assembleDebug...一动不动&#xff0c;那种感觉就像等一辆永远…...

编程新知 2026/3/31 7:07:00

突破限速：8大网盘直链解析方案全解析

突破限速&#xff1a;8大网盘直链解析方案全解析 【免费下载链接】Online-disk-direct-link-download-assistant 可以获取网盘文件真实下载地址。基于【网盘直链下载助手】修改&#xff08;改自6.1.4版本&#xff09; &#xff0c;自用&#xff0c;去推广&#xff0c;无需输入“…...

编程新知 2026/3/31 6:42:48

从手机端到边缘设备：聊聊轻量化模型设计中FLOPs、MACs和Params的权衡艺术

从手机端到边缘设备&#xff1a;轻量化模型设计中FLOPs、MACs和Params的权衡艺术 当我们在智能手机上使用人脸解锁功能&#xff0c;或是通过智能音箱与AI助手对话时&#xff0c;背后运行的往往是经过精心设计的轻量化神经网络模型。这些模型需要在有限的算力和内存资源下&#…...

编程新知 2026/3/31 6:16:38

AW88195音频编解码器驱动从MTK到RK平台的移植实践

1. 认识AW88195音频编解码器驱动移植 第一次接触AW88195音频编解码器驱动移植时&#xff0c;我也是一头雾水。这个来自艾为的音频芯片主要用于提升扬声器音质&#xff0c;但厂商提供的驱动包往往只适配特定平台。比如这次遇到的AW88195_Driver_MTK_V0.1.6.zip就是专门为MTK平台…...

编程新知 2026/3/31 6:12:33

ClawdBot惊艳效果案例：PaddleOCR识别模糊手写体+LibreTranslate精准输出

ClawdBot惊艳效果案例&#xff1a;PaddleOCR识别模糊手写体LibreTranslate精准输出 1. 项目概述 ClawdBot是一个可以在个人设备上运行的AI助手应用&#xff0c;它使用vllm提供后端模型能力&#xff0c;为用户提供强大的多模态处理功能。这个应用特别适合需要处理文字识别和翻…...

编程新知 2026/3/31 5:28:13

嵌入式NTP客户端库：高精度时间同步与自动时区管理

1. NTP客户端库深度解析&#xff1a;嵌入式系统中的高精度时间同步与时区管理1.1 库定位与工程价值NTP&#xff08;Network Time Protocol&#xff09;客户端库是嵌入式系统中实现网络时间同步的关键组件。该库并非简单封装UDP通信&#xff0c;而是构建了一套完整的“时间服务栈…...

编程新知 2026/3/31 3:40:41