17 个 HTML 和 CSS 404 页面模板

HTML 和 CSS 404 错误页面模板合集。精选自 codepen.io。该合集完全免费。

原创文章：19 个 HTML 和 CSS 404 页面模板

1. 太空404

使用以下方式制作：HTML/CSS/JavaScript

由Jared Rowe创建，创建于2016 年 12 月 22 日

响应：否

依赖项：-

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

2. 太空404

使用：HTML / CSS (SCSS) / JavaScript

创建者：Ethan，创建时间：2019 年 11 月 18 日

响应：否

依赖项：-

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

3. 404 页面

使用：HTML / CSS (SCSS) / JavaScript

由Rafaela Lucas创建，创建于2019 年 11 月 27 日

响应：是

依赖项：parallax.js、jquery.js

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

4. 使用 SplitText 键入 GSAP 404 消息

使用：HTML / CSS (SCSS) / JavaScript

由Selcuk Cura创建，创建于2017 年 10 月 21 日

响应：否

依赖项：TweenMax.js、jquery.js、SplitText.js

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

5.404错误页面

使用以下方式制作：HTML / CSS

创建者Ricardo Prieto，创建于2017 年 11 月 4 日

响应：否

依赖项：-

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

6. Bubbley 404

使用：HTML（Pug）/ CSS（SCSS）制作

由Kyle Lavery创建，创建于2016 年 5 月 1 日

响应：否

依赖项：-

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

7.404错误页面

使用以下方式制作：HTML / CSS

创建者Ricardo Prieto，创建于2017 年 11 月 5 日

响应：否

依赖项：-

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

8. 404 让熊伤心🐻😭

使用：HTML（Pug）/ CSS（Stylus）/ JavaScript（Babel）

创建者Jhey，创建于2020 年 3 月 22 日

响应：是

依赖项：react-dom.js、react.js

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

9.404页面

使用：HTML / CSS（SCSS）/ JavaScript（Babel）制作

由Kasper De Bruyne创建，创建于2020 年 2 月 18 日

响应：是

依赖项：Bootstrap.css，gsap.js

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

10. 404页面插图

使用：HTML / CSS (Less) / JavaScript

创建者Ken Chen，创建于2014 年 10 月 11 日

响应：否

依赖项：snap.svg.js，jquery.js

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

11. 404 页面

使用：HTML / CSS (SCSS)

由Bidji创建，创建于2016 年 10 月 28 日

响应：否

依赖项：-

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

12. 404错误页面

使用以下方式制作：HTMl/CSS/JavaScript

由Swarup Kumar Kuila创建，创建于2020 年 2 月 7 日

响应：是

依赖项：bootstrap.css，anime.js

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

13. CSS 404页面

使用以下方式制作：HTMl / CSS (SCSS)

创建者：agathaco，创建于2018 年 7 月 28 日

响应：是

依赖项：-

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

14. 404 页面

使用以下方式制作：HTMl / CSS

由Thea创建，创建于2018 年 9 月 5 日

响应：是

依赖项：-

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

15. Neon 404 页面未找到

使用以下方式制作：HTMl / CSS

由Tibix创建，创建于2019 年 8 月 27 日

响应：否

依赖项：-

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

16. BSOD 404 页面

使用以下方式制作：HTMl / CSS (SCSS)

由Ian Gloude创建，创建于2016 年 6 月 15 日

响应：否

依赖项：-

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

17. 404 保津纽

使用以下方式制作：HTMl / CSS

由Genaro Colusso创建，创建于2020 年 3 月 31 日

响应：是

依赖项：-

兼容浏览器：Chrome、Edge、Firefox、Opera、Safari

谢谢阅读。