六边形动态特效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:

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-20 09:20:02       101 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-20 09:20:02       109 阅读
  3. 在Django里面运行非项目文件

    2024-07-20 09:20:02       87 阅读
  4. Python语言-面向对象

    2024-07-20 09:20:02       96 阅读

热门阅读

  1. live555搭建实时播放rtsp服务器

    2024-07-20 09:20:02       23 阅读
  2. 服务器相关总结

    2024-07-20 09:20:02       24 阅读
  3. ES6 字符串的新增方法(二十)

    2024-07-20 09:20:02       23 阅读
  4. C语言初学者入门指南

    2024-07-20 09:20:02       23 阅读
  5. 如何看待中国信息协会2024年网络安全大赛

    2024-07-20 09:20:02       20 阅读
  6. Symfony框架概述

    2024-07-20 09:20:02       21 阅读
  7. go reflect的工程使用

    2024-07-20 09:20:02       22 阅读
  8. RKE部署k8s

    2024-07-20 09:20:02       24 阅读
  9. 关于取模的相关注意

    2024-07-20 09:20:02       24 阅读
  10. nodejs使用request后端访问第三方接口

    2024-07-20 09:20:02       25 阅读
  11. docker compose 部署交互模式的容器-以Ubuntu为例

    2024-07-20 09:20:02       27 阅读
  12. Spring源码系列一:入门——Hello World

    2024-07-20 09:20:02       20 阅读
  13. docker build时的网络问题

    2024-07-20 09:20:02       22 阅读