动态白色小幽灵404网站源码
动态白色小幽灵404网站源码，页面时单页HTML源码，将代码放到空白的html里面，鼠标双击html即可查看效果，或者上传到服务器，错误页重定向这个界面即可，喜欢的朋友可以拿去使用
<!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网站源码，页面时单页HTML源码，将代码放到空白的html里面，鼠标双击html即可查看效果，或者上传到服务器，错误页重定向这个界面即可，喜欢的朋友可以拿去使用 <!DOCTYPE html> <ht…...
axios的使用，处理请求和响应，axios拦截器
1、axios官网 https://www.axios-http.cn/docs/interceptors 2、安装 npm install axios 3、在onMouunted钩子函数中使用axios来发送请求，接受响应 4.出现的问题： （1） 但是如果发送请求请求时间过长，回出现请求待处…...
visual studio 2017增加.cu文件
右击项目名称，选择生成依赖项>生成自定义把CUDA11.3target勾选上； 把带有cuda代码的.cpp文件和.cu文件右击属性>项类型>选择CUDA C/C 右击项目名称，C/C>命令行添加/D _CRT_SECURE_NO_WARNINGS； 选择CUDA C/C>命…...
linux 管道符 |
在Linux中，管道符（|）是一个非常重要的概念，它允许你将一个命令的输出作为另一个命令的输入。这种机制使得Linux命令可以非常灵活地进行组合，从而执行复杂的任务。 管道符的基本用法 假设你有两个命令：com…...
Android - SIP 协议
SIP 代表(会话发起协议)。 它是一种协议，可让应用程序轻松设置呼出和呼入语音呼叫，而无需直接管理会话、传输级通信或音频记录或回放。 SIP 应用程序 SIP 的一些常见应用是。 视频会议即时消息 开发要求 以下是开发 SIP 应用程序的要求 − Android 操作系…...
Python结合MobileNetV2：图像识别分类系统实战
一、目录 算法模型介绍模型使用训练模型评估项目扩展 二、算法模型介绍 图像识别是计算机视觉领域的重要研究方向，它在人脸识别、物体检测、图像分类等领域有着广泛的应用。随着移动设备的普及和计算资源的限制，设计高效的图像识别算法变得尤为重要。…...
【】AI八股-神经网络相关
Deep-Learning-Interview-Book/docs/深度学习.md at master amusi/Deep-Learning-Interview-Book GitHub 网上相关总结： 小菜鸡写一写基础深度学习的问题（复制大佬的，自己复习用） - 知乎 (zhihu.com) CV面试问题准备持续更新贴 …...
NodeJs的安装与环境变量配置
Node.js的环境变量配置主要涉及设置Node.js的安装路径、npm（Node Package Manager）的全局模块安装路径和缓存路径，以及可能需要的国内镜像源配置。以下是详细的配置步骤： 一、安装Node.js 下载Node.js安装包： 访问Nod…...
进程输入输出及终端属性学习
进程的标准输入输出 当主进程fork或exec子进程，文件描述符被继承，因此0,1,2句柄也被继承，从而使得telnet等服务，可以做到间接调用别的shell或程序。比如如果是远程登录使用的zsh，那么其会重定向到相应的pts $ ps|gre…...
关于redis集群和事务
最近为了核算项目的两个架构指标（可用性和伸缩性），需要对项目中使用的Redis数据库的集群部署进行一定程度的了解，当然顺便再学习一遍它的事务细节。 既然我在上面把Redis称之为数据库，那么在我们目前的项目里…...
ctfshow-web入门-文件包含（web88、web116、web117）
目录 1、web88 2、web116 3、web117 1、web88 没有过滤冒号 : ，可以使用 data 协议，但是过滤了括号和等号，因此需要编码绕过一下。 这里有点问题，我 (ls) 后加上分号发现不行，可能是编码结果有加号，题目…...
My sql 安装，环境搭建
以下以MySQL 8.0.36为例。 一、下载软件 1.下载地址官网：https://www.mysql.com 2. 打开官网，点击DOWNLOADS 然后，点击 MySQL Community(GPL) Downloads 3. 点击 MySQL Installer for Windows 4.点击Archives选择合适版本 5.选择后下载…...
JVM原理（二十）：JVM虚拟机内存的三特性详解
1. 原子性、可进行、有序性 1.1. 原子性 Java内存模型围绕着在并发过程中如何处理原子性、可见性和有序性这三个特征来建立的。 Java内存模型来直接保证的原子性变量操作包括read、load、assign、use、store和write这六个。我们大致可以认为，基本数据类型的访问、…...
(二))
Flink 窗口触发器(Trigger)(二)
Flink 窗口触发器(Trigger)(一) Flink 窗口触发器(Trigger)(二) Apache Flink 是一个开源流处理框架，用于处理无界和有界数据流。在 Flink 的时间窗口操作中，触发器（Trigger）是一个非常重要的概念，它决定了窗口何时应…...
CH12_函数和事件
第12章：Javascript的函数和事件 本章目标 函数的概念掌握常用的系统函数掌握类型转换掌握Javascript的常用事件 课程回顾 Javascript中的循环有那些？Javascript中的各个循环特点是什么？Javascript中的各个循环语法分别是什么？…...
Android- Framework 非Root权限实现修改hosts
一、背景 修改system/etc/hosts，需要具备root权限，而且remount后，才能修改，本文介绍非root状态下修改system/etc/hosts方案。 环境：高通 Android 13 二、方案 非root，system/etc/hosts只有只读权限&…...
mac安装达梦数据库
参考：mac安装达梦数据库 实践如下： 1、下载达梦Docker镜像文件 同参考链接 2、导入镜像 镜像可以随便放在某个目录，相当于安装包，导入后就没有作用了。 查找达梦镜像名称：dm8_20240613_rev229704_x86…...
14-41 剑和诗人15 - RLAIF 大模型语言强化培训
介绍 大型语言模型 (LLM) 在自然语言理解和生成方面表现出了巨大的能力。然而，这些模型仍然存在严重的缺陷，例如输出不可靠、推理能力有限以及缺乏一致的个性或价值观一致性。 为了解决这些限制，研究人员采用了一种名为“人工…...
每日一题~oj（贪心）
对于位置 i来说，如果 不选她，那她的贡献是 vali-1 *2，如果选他 ，那么她的贡献是 ai. 每一个数的贡献 是基于前一个数的贡献 来计算的。只要保证这个数的前一个数的贡献是最优的，那么以此类推下去，整体的val…...
成人高考报名条件及收费标准详解
成人高考报名条件及收费标准详解 您想通过成人高考改变自己的命运，但不知道报名条件和收费标准？本文将为您详细介绍成人高考报名条件和收费标准，并为您提供专业的成人教育服务。 深圳成人高考www.shenzhixun.com 成人高考报名条件 成人高考…...
C++实现分布式网络通信框架RPC(3)--rpc调用端
目录 一、前言 二、UserServiceRpc_Stub 三、 CallMethod方法的重写 头文件 实现 四、rpc调用端的调用 实现 五、 google::protobuf::RpcController *controller 头文件 实现 六、总结 一、前言 在前边的文章中，我们已经大致实现了rpc服务端的各项功能代…...
超短脉冲激光自聚焦效应
前言与目录 强激光引起自聚焦效应机理 超短脉冲激光在脆性材料内部加工时引起的自聚焦效应，这是一种非线性光学现象，主要涉及光学克尔效应和材料的非线性光学特性。 自聚焦效应可以产生局部的强光场，对材料产生非线性响应，可能…...
【网络安全产品大调研系列】2. 体验漏洞扫描
前言 2023 年漏洞扫描服务市场规模预计为 3.06（十亿美元）。漏洞扫描服务市场行业预计将从 2024 年的 3.48（十亿美元）增长到 2032 年的 9.54（十亿美元）。预测期内漏洞扫描服务市场 CAGR（增长率&…...
OkHttp 中实现断点续传 demo
在 OkHttp 中实现断点续传主要通过以下步骤完成，核心是利用 HTTP 协议的 Range 请求头指定下载范围： 实现原理 Range 请求头：向服务器请求文件的特定字节范围（如 Range: bytes1024-） 本地文件记录：保存已…...
Mac软件卸载指南，简单易懂！
刚和Adobe分手，它却总在Library里给你写"回忆录"？卸载的Final Cut Pro像电子幽灵般阴魂不散？总是会有残留文件，别慌！这份Mac软件卸载指南，将用最硬核的方式教你"数字分手术"࿰…...
mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包
文章目录 现象：mysql已经安装，但是通过rpm -q 没有找mysql相关的已安装包遇到 rpm 命令找不到已经安装的 MySQL 包时，可能是因为以下几个原因：1.MySQL 不是通过 RPM 包安装的2.RPM 数据库损坏3.使用了不同的包名或路径4.使用其他包…...
什么是Ansible Jinja2
理解 Ansible Jinja2 模板 Ansible 是一款功能强大的开源自动化工具，可让您无缝地管理和配置系统。Ansible 的一大亮点是它使用 Jinja2 模板，允许您根据变量数据动态生成文件、配置设置和脚本。本文将向您介绍 Ansible 中的 Jinja2 模板，并通…...
rnn判断string中第一次出现a的下标
# coding:utf8 import torch import torch.nn as nn import numpy as np import random import json""" 基于pytorch的网络编写 实现一个RNN网络完成多分类任务 判断字符 a 第一次出现在字符串中的位置 """class TorchModel(nn.Module):def __in…...
Yolov8 目标检测蒸馏学习记录
yolov8系列模型蒸馏基本流程，代码下载：这里本人提交了一个demo:djdll/Yolov8_Distillation: Yolov8轻量化_蒸馏代码实现 在轻量化模型设计中，**知识蒸馏（Knowledge Distillation）**被广泛应用，作为提升模型…...
A2A JS SDK 完整教程：快速入门指南
目录 什么是 A2A JS SDK?A2A JS 安装与设置A2A JS 核心概念创建你的第一个 A2A JS 代理A2A JS 服务端开发A2A JS 客户端使用A2A JS 高级特性A2A JS 最佳实践A2A JS 故障排除 什么是 A2A JS SDK? A2A JS SDK 是一个专为 JavaScript/TypeScript 开发者设计的强大库ÿ…...