ccc有趣的404页面设计[转载进入头条]

我们经常看到的网站页面找不到提示是这样的

 

经过设计后，这个提示页面会更友好些，下面来欣赏一波404页面的设计。

 

• 作者：Andrew Hani
• 使用技术：HTML / CSS / JavaScript
• 依赖库：jquery.js
• 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
• 源码链接：https://codepen.io/androhani/pen/deOpMZ

 

• 作者：Saleh Riaz Qureshi
• 使用技术：HTML / CSS / JavaScript
• 依赖库：-
• 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
• 源码链接：https://codepen.io/salehriaz/pen/erJrZM

 

• 作者：Vincent Van Goggles
• 使用技术：HTML / CSS (SCSS)
• 依赖库：-
• 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
• 源码链接：https://codepen.io/Gogh/pen/eeReMO

 

• 作者：Selcuk Cura
• 使用技术：HTML / CSS (SCSS) / JavaScript
• 依赖库：jquery.js, tweenmax.js, splittext.js
• 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
• 源码链接：https://codepen.io/selcukcura/pen/XeQpEv

 

• 作者：Robin Selmer
• 使用技术：HTML / CSS (SCSS)
• 依赖库：-
• 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
• 源码链接：https://codepen.io/robinselmer/pen/vJjbOZ

 

• 作者：Clement Girault
• 使用技术：HTML / CSS / JavaScript
• 依赖库：jquery.js
• 浏览器兼容：Chrome, Firefox, Opera, Safari
• 源码链接：https://codepen.io/clementGir/pen/PqGyMq

 

• 作者：john
• 使用技术：HTML / CSS (Less) / JavaScript
• 依赖库：-
• 浏览器兼容：Chrome, Firefox, Opera, Safari
• 源码链接：https://codepen.io/thejohnyagiz/pen/npDyq

 

• 作者：gavra
• 使用技术：HTML / CSS / JavaScript
• 依赖库：jquery.js
• 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
• 源码链接：https://codepen.io/gavra/pen/upHzg

 

• 作者：Ian Gloude
• 使用技术：HTML / CSS (SCSS)
• 依赖库：-
• 浏览器兼容：Chrome, Edge, Firefox, Opera, Safari
• 源码链接：https://codepen.io/igloude/pen/qNNWKr