搜 索

缤纷多彩的404页面(404.html)

  • 2k阅读
  • 2022年03月19日
  • 1评论
首页 / 技术教程 / 正文

引言

别离滋味浓于酒。著人瘦。此情不及墙东柳。春色年年如旧。 ——勿埋我心

  404是个很常见的页面,当该网站的内容搬迁、删除或者页面链接更改时,则会显示"404 not found"。

  不禁会想到,这是否会显得单调些许?或许有一点点,故勿埋我心自己想着收集或者说是整理一些还行的页面。

看看有哪些

  模板还是挺多的,在这里挑几个好看的。模板来源于网络,我做的事情不过是整理一下。

一、气态背景

效果演示图:

image-20220817021044790

源码:https://github.com/qiantigers/404/tree/main/002

演示:https://qiantigers.github.io/404/002/404.html

二、小恐龙快跑

介绍:

  一个自带小游戏的404页面

效果演示图:

image-20220817021118092

源码:https://github.com/qiantigers/404/tree/main/021

演示:https://qiantigers.github.io/404/021/404.html

三、下雪特效

介绍:

  背景用了下雪特效,让页面显得更有个性。

效果演示图:

image-20220817021155958

源码:https://github.com/qiantigers/404/tree/main/009

演示:https://qiantigers.github.io/404/009/404.html

四、白天和夜间模式

介绍:

  可以自行切换白天或者黑夜。

效果演示图:

image-20220817021212272

源码:https://github.com/qiantigers/404/tree/main/010

演示:https://qiantigers.github.io/404/010/404.html

五、动态字体

效果演示图:

image-20220817021257535

源码:https://github.com/qiantigers/404/tree/main/013

演示:https://qiantigers.github.io/404/013/404.html

六、程序员式404

效果演示图:

image-20220817021413381

源码:https://github.com/qiantigers/404/tree/main/016

演示:https://qiantigers.github.io/404/016/404.html

七、会盯着你鼠标的幽灵

介绍:

  幽灵的眼睛会随着你的鼠标光标移动而移动。

效果演示图:

image-20220817021430296

源码:https://github.com/qiantigers/404/tree/main/017

演示:https://qiantigers.github.io/404/017/404.html

更多404页面

  Github:qiantigers/404: 一些404页面 (github.com)

  Demo:404展示 - 勿埋我心 (qiantigers.github.io)

结语

  网络上有很多精彩漂亮的模板,我们只需要多点耐心,用我们善于发现的眼睛,总会有所收获。

  我所做的不过是帮忙整理,希望有帮到你。

  欢迎在勿埋我心评论区留言。

无标签
打 赏
  • 支付宝
  • 微信
Alipay
WeChatPay
评论区
防水材料加盟 2022年4月6日 11:08
回复

感谢分享 赞一个

avatar