当前位置: 首页 > 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:
http://www.lryc.cn/news/401206.html

相关文章:

  • BGP路径属性
  • 从零开始学量化~Ptrade使用教程(六)——盘后定价交易、港股通与债券通用质押式回购
  • Docker 三剑客
  • 每天一个数据分析题(四百三十一)- 卡方检验
  • Flowable-流程图标与流程演示
  • MyBatis源码中的设计模式2
  • AI发展中的伦理挑战与应对策略
  • 基于用户非兴趣/非偏好/非习惯的推荐
  • Abaqus基于CT断层扫描的三维重建插件CT2Model 3D
  • Mindspore框架CycleGAN模型实现图像风格迁移|(三)损失函数计算
  • ENSP中VLAN的设置
  • 《后端程序员 · Nacos 常见配置 · 第一弹》
  • 深入解析HTTPS与HTTP
  • vue3+TS从0到1手撸后台管理系统
  • 黑马头条-环境搭建、SpringCloud
  • 基于centos2009搭建openstack-t版-ovs网络-脚本运行
  • buuctf-web
  • UBUNTU22 安装QT5.15.2 记录
  • C++基础知识:C++内存分区模型,全局变量和静态变量以及常量,常量区,字符串常量和其他常量,栈区,堆区,代码区和全局区
  • MySQL面试题-重难点
  • 【Linux杂货铺】期末总结篇3:用户账户管理命令 | 组账户管理命令
  • 基于STM32设计的超声波测距仪(微信小程序)(186)
  • Web前端-Web开发HTML基础2-list
  • MAVSDK-Java安卓客户端编译与使用完整示例
  • JavaEE:Spring Web简单小项目实践二(用户登录实现)
  • 深度学习 | CNN 基本原理
  • 解读|http和https的区别,谁更好用
  • 汽车零部件制造企业MES系统主要功能介绍
  • 常见的五种聚类算法总结
  • 智能车存在网络安全隐患,如何应设计出更好的安全防护技术?