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

引言

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

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

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

看看有哪些

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

一、气态背景

效果演示图:

image-20221115224542138

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

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

二、小恐龙快跑

介绍:

  一个自带小游戏的404页面

效果演示图:

image-20221115224600989

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

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

三、下雪特效

介绍:

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

效果演示图:

image-20221115224614622

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

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

四、白天和夜间模式

介绍:

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

效果演示图:

image-20221115224634999

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

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

五、动态字体

效果演示图:

image-20221115224654994

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

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

六、程序员式404

效果演示图:

image-20221115224711525

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

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

七、会盯着你鼠标的幽灵

介绍:

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

效果演示图:

image-20221115224731081

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

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

更多404页面

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

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

结语

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

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

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

无标签
打赏
评论区
头像
    头像

    感谢分享 赞一个

文章目录