动态白色小幽灵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 成人高考报名条件 成人高考…...
openmetadata1.3.1 自定义连接器 开发教程
openmetadata自定义连接器开发教程 一、开发通用自定义连接器教程 官网教程链接： 1.https://docs.open-metadata.org/v1.3.x/connectors/custom-connectors 2.https://github.com/open-metadata/openmetadata-demo/tree/main/custom-connector （一&…...
PostgreSQL 如何优化存储过程的执行效率？
文章目录 一、查询优化1. 正确使用索引2. 避免不必要的全表扫描3. 使用合适的连接方式4. 优化子查询 二、参数传递1. 避免传递大对象2. 参数类型匹配 三、减少数据量处理1. 限制返回结果集2. 提前筛选数据 四、优化逻辑结构1. 分解复杂的存储过程2. 避免过度使用游标 五、事务处…...
普中51单片机：数码管显示原理与实现详解（四）
文章目录 引言数码管的结构数码管的工作原理静态数码管电路图开发板IO连接图代码演示 动态数码管实现步骤数码管驱动方式电路图开发板IO连接图真值表代码演示1代码演示2代码演示3 引言 数码管（Seven-Segment Display）是一种常见的显示设备，广…...
web缓存代理服务器
一、web缓存代理 web代理的工作机制 代理服务器是一个位于客户端和原始（资源）服务器之间的服务器，为了从原始服务器取得内容，客户端向代理服务器发送一个请求，并指定目标原始服务器，然后代理服务器向原始…...
容器：queue(队列)
以下是关于queue容器的总结 1、构造函数：queue [queueName] 2、添加、删除元素: push() 、pop() 3、获取队头/队尾元素：front()、back() 4、获取栈的大小：size() 5、判断栈是否为空：empty() #include <iostream> #include …...
探索 WebKit 的后台同步新纪元：Web Periodic Background Synchronization 深度解析
探索 WebKit 的后台同步新纪元：Web Periodic Background Synchronization 深度解析 随着 Web 应用逐渐成为我们日常生活中不可或缺的一部分，用户对应用的响应速度和可靠性有了更高的期待。Web Periodic Background Synchronization API（周期…...
ctfshow web入门 web338--web344
web338 原型链污染 comman.js module.exports {copy:copy };function copy(object1, object2){for (let key in object2) {if (key in object2 && key in object1) {copy(object1[key], object2[key])} else {object1[key] object2[key]}}}login.js var express …...
mupdf加载PDF显示中文乱码
现象 加载PDF显示乱码,提示非嵌入字体 non-embedded font using identity encoding调式 在pdf-font.c中加载字体 调试源码发现pdf文档的字体名字居然是GBK，估计又是哪个windows下写的pdf生成工具生成pdf 字体方法： static pdf_font_desc * load_cid…...
常用的限流工具Guava RateLimiter 或Redisson RRateLimiter
在分布式系统和高并发场景中，限流是一个非常常见且重要的需求。以下是一些常用的限流工具和库，包括它们的特点和使用场景： 1. Guava RateLimiter Google 的 Guava 库中的 RateLimiter 是一个简单且高效的限流工具，适用于单节点应…...
卷积神经网络（CNN）和循环神经网络（RNN） 的区别与联系
卷积神经网络（CNN）和循环神经网络（RNN）是两种广泛应用于深度学习的神经网络架构，它们在设计理念和应用领域上有显著区别，但也存在一些联系。 ### 卷积神经网络（CNN） #### 主要特点…...
Unity【入门】场景切换和游戏退出及准备
1、必备知识点场景切换和游戏退出 文章目录 1、必备知识点场景切换和游戏退出1、场景切换2、鼠标隐藏锁定相关3、随机数和自带委托4、模型资源的导入1、模型由什么构成2、Unity支持的模型格式3、如何指导美术同学导出模型4、学习阶段在哪里获取模型资源 2、小项目准备工作需求分…...
Python 函数递归
以下是一个使用递归计算阶乘的 Python 函数示例 ： 应用场景： 1. 动态规划问题：在一些需要逐步求解子问题并利用其结果的动态规划场景中，递归可以帮助直观地表达问题的分解和求解过程。 2. 遍历具有递归结构的数据：如递…...
MyBatis（27）如何配置 MyBatis 实现打印可执行的 SQL 语句
在开发过程中，打印可执行的SQL语句对于调试和性能优化是非常有帮助的。MyBatis提供了几种方式来实现SQL语句的打印。 1. 使用日志框架 MyBatis可以通过配置其内部使用的日志框架（如Log4j、Logback等）来打印SQL语句。这是最常用的方法。 Lo…...
3.js - 裁剪平面（clipIntersection：交集、并集）
看图 代码 // ts-nocheck// 引入three.js import * as THREE from three// 导入轨道控制器 import { OrbitControls } from three/examples/jsm/controls/OrbitControls// 导入lil.gui import { GUI } from three/examples/jsm/libs/lil-gui.module.min.js// 导入tween import …...
在5G/6G应用中实现高性能放大器的建模挑战
来源：Modelling Challenges for Enabling High Performance Amplifiers in 5G/6G Applications {第28届“集成电路和系统的混合设计”(Mixed Design of Integrated Circuits and Systems)国际会议论文集，2021年6月24日至26日，波兰洛迪} 本文讨…...
Perl 数据类型
Perl 数据类型 Perl 是一种功能丰富的编程语言，广泛应用于系统管理、网络编程、GUI 开发等领域。在 Perl 中，数据类型是编程的基础，决定了变量存储信息的方式以及可以对这些信息执行的操作。本文将详细介绍 Perl 中的主要数据类型࿰…...
网络协议 -- IP、ICMP、TCP、UDP字段解析
网络协议报文解析及工具使用介绍 1. 以太网帧格式及各字段作用 -------------------------------- | Destination MAC Address (48 bits) | -------------------------------- | Source MAC Address (48 bits) …...
【工具】豆瓣自动回贴软件
转载请注明出处：小锋学长生活大爆炸[xfxuezhagn.cn] 如果本文帮助到了你，欢迎[点赞、收藏、关注]哦~ 相比于之前粗糙丑陋的黑命令框版本，这个版本新增了UI界面，从此可以不需要再挨个去翻配置文件了。 另外，升级了隐藏浏…...
初学Spring之动态代理模式
动态代理和静态代理角色一样 动态代理的代理类是动态生成的 动态代理分为两大类： 基于接口的动态代理（JDK 动态代理）、基于类的动态代理（cglib） 也可以用 Java 字节码实现（Javassist） Prox…...
Visual studio 2023下使用 installer projects 打包C#程序并创建 CustomAction 类
Visual studio 2023下使用 installer projects 打包C#程序并创建 CustomAction 类 1 安装Visual studio 20203,并安装插件1.1 下载并安装 Visual Studio1.2 步骤二：安装 installer projects 扩展插件2 创建安装项目2.1 创建Windows安装项目2.2 新建应用程序安装文件夹2.3 添加…...
vue学习笔记（购物车小案例）
用一个简单的购物车demo来回顾一下其中需要注意的细节。 先看一下最终效果 功能： （1）全选按钮和下面的商品项的选中状态同步，当下面的商品全部选中时，全选勾选，反之，则不勾选。 （…...
昇思25天学习打卡营第19天 | RNN实现情感分类
RNN实现情感分类 概述 情感分类是自然语言处理中的经典任务，是典型的分类问题。本节使用MindSpore实现一个基于RNN网络的情感分类模型，实现如下的效果： 输入: This film is terrible 正确标签: Negative 预测标签: Negative输入: This fil…...
【VUE基础】VUE3第三节—核心语法之ref标签、props
ref标签 作用：用于注册模板引用。 用在普通DOM标签上，获取的是DOM节点。 用在组件标签上，获取的是组件实例对象。 用在普通DOM标签上： <template><div class"person"><h1 ref"title1">…...
生物化学笔记：电阻抗基础+电化学阻抗谱EIS+电化学系统频率响应分析
视频教程地址 引言 方法介绍 稳定：撤去扰动会到原始状态，反之不稳定，还有近似稳定的 阻抗谱图形（Nyquist和Bode图） 阻抗谱图形是用于分析电化学系统和材料的工具，主要有两种类型：Nyquist图和B…...
SQL使用join查询方式找出没有分类的电影id以及名称
系列文章目录 文章目录 系列文章目录前言 前言 前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站，这篇文章男女通用，看懂了就去分享给你的码吧。 描述 现有电影信息…...
对MsgPack与JSON进行序列化的效率比较
序列化是将对象转换为字节流的过程，以便在内存或磁盘上存储。常见的序列化方法包括MsgPack和JSON。以下将详细探讨MsgPack和JSON在序列化效率方面的差异。 1. MsgPack的效率： 优点： 高压缩率： MsgPack采用高效的二进制编码格式&…...
Unix\Linux 执行shell报错：“$‘\r‘: 未找到命令” 解决
linux执行脚本sh xxx.sh报错：$xxx\r: 未找到命令 原因：shell脚本在Windows编写导致的换行问题： Windows 的换行符号为 CRLF（\r\n），而 Unix\Linux 为 LF（\n）。 缩写全称ASCII转义说…...
动态路由--RIP配置(思科cisco)
一、简介 RIP协议（Routing Information Protocol，路由信息协议）是一种基于距离矢量的动态路由选择协议。 在RIP协议中，如果路由器A和网络B直接相连，那么路由器A到网络B的距离被定义为1跳。若从路由器A出发到达网络B需要…...
python - 函数 / 字典 / 集合
一.函数 形参和实参： >>> def MyFirstFunction(name): 函数定义过程中的name是叫形参 ... print(传递进来的 name 叫做实参，因为Ta是具体的参数值！) print前面要加缩进tab，否则会出错。 >>> MyFirstFun…...
connect to github中personal access token生成token方法
一、问题 执行git push时弹出以下提示框 二、解决方法 去github官网生成Token，步骤如下 选择要授予此 令牌token 的 范围 或 权限 要使用 token 从命令行访问仓库，请选择 repo 。 要使用 token 从命令行删除仓库，请选择 delete_repo 其他根…...