分享两个优雅且可爱的静态错误页面：404 & 502

分享两个静态错误页面项目，404和502错误页面。

加入了动态动效，用纯静态HTML和SVG完成，兼容桌面和手机端。

预览地址

• 404错误页面：https://cf-test.wuxie.de/404
• 502错误页面（兼容500等5xx状态码）：https://cf-test.wuxie.de/502

GitHub地址

源码仓库开放在GitHub，可以进去复制到自己网站下，欢迎 Star：
https://github.com/xinycai/error_html

页面特色介绍

• 可爱的卡通怪兽形象，404的小怪兽活泼圆润萌感十足，502的小怪兽设计略带“小凶”
• 动画效果丰富：眨眼、漂浮、瞳孔跟随鼠标、耳朵角轻摇、嘴巴微动等多项细节动画
• 纯静态实现，无任何外部字体依赖，使用SVG与CSS完成所有视觉和动画细节
• 响应式设计，适配移动设备，手机端浏览同样精致美观

页面动效预览

手机端截图