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

六边形动态特效404单页HTML源码

源码介绍

动态悬浮的六边形,旁边404文字以及跳转按钮,整体看着像科技二次元画风,页面简约美观,可以做网站错误页或者丢失页面,将下面的代码放到空白的HTML里面,然后上传到服务器里面,设置好重定向即可

效果预览

在这里插入图片描述

完整源码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>Saransh Sinha 404</title><style>body {background-color: #2F3242;
}
svg {position: absolute;top: 50%;left: 50%;margin-top: -250px;margin-left: -400px;
}
.message-box {height: 200px;width: 380px;position: absolute;top: 50%;left: 50%;margin-top: -100px;margin-left: 50px;color: #FFF;font-family: Roboto;font-weight: 300;
}
.message-box h1 {font-size: 60px;line-height: 46px;margin-bottom: 40px;
}
.buttons-con .action-link-wrap {margin-top: 40px;
}
.buttons-con .action-link-wrap a {background: #68c950;padding: 8px 25px;border-radius: 4px;color: #FFF;font-weight: bold;font-size: 14px;transition:

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • C语言-网络编程-UDP通信创建流程
  • 大数据之数据抽取架构演变过程
  • 数据结构 —— B树
  • 【BUG】已解决:WslRegisterDistribution failed with error: 0x800701bc
  • Qt Style Sheets-使用样式表自定义 Qt 部件
  • Freedom of Choice
  • R语言模型评估网格搜索
  • Linux网络——套接字与UdpServer
  • Haproxy服务
  • 第四周:机器学习笔记
  • 接口测试JMeter-1.接口测试初识
  • 电磁兼容专栏说明
  • 深入浅出WebRTC—ALR
  • git-各种场景-撤销指令
  • 文件IO(Ubuntu)
  • JavaScript 如何正确处理 Unicode 编码问题!
  • android图片蒙层
  • HTTP那些事
  • JavaScript学习总结——原型
  • node入门
  • SAP云平台里Global Account和Sub Account的关系
  • 闭包--闭包之tab栏切换(四)
  • 从setTimeout-setInterval看JS线程
  • 翻译 | 老司机带你秒懂内存管理 - 第一部(共三部)
  • 极限编程 (Extreme Programming) - 发布计划 (Release Planning)
  • 猫头鹰的深夜翻译:Java 2D Graphics, 简单的仿射变换
  • 试着探索高并发下的系统架构面貌
  • 突破自己的技术思维
  • 系统认识JavaScript正则表达式
  • - 语言经验 - 《c++的高性能内存管理库tcmalloc和jemalloc》
  • “十年磨一剑”--有赞的HBase平台实践和应用之路 ...
  • 哈罗单车融资几十亿元,蚂蚁金服与春华资本加持 ...
  • #100天计划# 2013年9月29日
  • #php的pecl工具#
  • (1)安装hadoop之虚拟机准备(配置IP与主机名)
  • (2009.11版)《网络管理员考试 考前冲刺预测卷及考点解析》复习重点
  • (35)远程识别(又称无人机识别)(二)
  • (rabbitmq的高级特性)消息可靠性
  • (web自动化测试+python)1
  • (WSI分类)WSI分类文献小综述 2024
  • (附源码)python房屋租赁管理系统 毕业设计 745613
  • (小白学Java)Java简介和基本配置
  • (一)为什么要选择C++
  • (转)linux自定义开机启动服务和chkconfig使用方法
  • (转)编辑寄语:因为爱心,所以美丽
  • (转载)PyTorch代码规范最佳实践和样式指南
  • ****三次握手和四次挥手
  • ./configure,make,make install的作用
  • .cfg\.dat\.mak(持续补充)
  • .MyFile@waifu.club.wis.mkp勒索病毒数据怎么处理|数据解密恢复
  • .NET Core/Framework 创建委托以大幅度提高反射调用的性能
  • .net MySql
  • .NET高级面试指南专题十一【 设计模式介绍,为什么要用设计模式】
  • .NET开发不可不知、不可不用的辅助类(一)
  • .NET微信公众号开发-2.0创建自定义菜单