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

2024-02-26 16:10

本文主要是介绍ccc有趣的404页面设计[转载进入头条],希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

有趣的404页面设计

 

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

有趣的404页面设计

 

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

有趣的404页面设计

 

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

有趣的404页面设计

 

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

有趣的404页面设计

 

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

有趣的404页面设计

 

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

有趣的404页面设计

 

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

有趣的404页面设计

 

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

有趣的404页面设计

 

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

有趣的404页面设计

 

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

这篇关于ccc有趣的404页面设计[转载进入头条]的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/749431

相关文章

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter

C#自动化实现检测并删除PDF文件中的空白页面

《C#自动化实现检测并删除PDF文件中的空白页面》PDF文档在日常工作和生活中扮演着重要的角色,本文将深入探讨如何使用C#编程语言,结合强大的PDF处理库,自动化地检测并删除PDF文件中的空白页面,感... 目录理解PDF空白页的定义与挑战引入Spire.PDF for .NET库核心实现:检测并删除空白页

Mysql中设计数据表的过程解析

《Mysql中设计数据表的过程解析》数据库约束通过NOTNULL、UNIQUE、DEFAULT、主键和外键等规则保障数据完整性,自动校验数据,减少人工错误,提升数据一致性和业务逻辑严谨性,本文介绍My... 目录1.引言2.NOT NULL——制定某列不可以存储NULL值2.UNIQUE——保证某一列的每一

一文详解如何使用Java获取PDF页面信息

《一文详解如何使用Java获取PDF页面信息》了解PDF页面属性是我们在处理文档、内容提取、打印设置或页面重组等任务时不可或缺的一环,下面我们就来看看如何使用Java语言获取这些信息吧... 目录引言一、安装和引入PDF处理库引入依赖二、获取 PDF 页数三、获取页面尺寸(宽高)四、获取页面旋转角度五、判断

MyBatis设计SQL返回布尔值(Boolean)的常见方法

《MyBatis设计SQL返回布尔值(Boolean)的常见方法》这篇文章主要为大家详细介绍了MyBatis设计SQL返回布尔值(Boolean)的几种常见方法,文中的示例代码讲解详细,感兴趣的小伙伴... 目录方案一:使用COUNT查询存在性(推荐)方案二:条件表达式直接返回布尔方案三:存在性检查(EXI

基于Python开发一个有趣的工作时长计算器

《基于Python开发一个有趣的工作时长计算器》随着远程办公和弹性工作制的兴起,个人及团队对于工作时长的准确统计需求日益增长,本文将使用Python和PyQt5打造一个工作时长计算器,感兴趣的小伙伴可... 目录概述功能介绍界面展示php软件使用步骤说明代码详解1.窗口初始化与布局2.工作时长计算核心逻辑3

Python Selenium动态渲染页面和抓取的使用指南

《PythonSelenium动态渲染页面和抓取的使用指南》在Web数据采集领域,动态渲染页面已成为现代网站的主流形式,本文将从技术原理,环境配置,核心功能系统讲解Selenium在Python动态... 目录一、Selenium技术架构解析二、环境搭建与基础配置1. 组件安装2. 驱动配置3. 基础操作模

C#实现查找并删除PDF中的空白页面

《C#实现查找并删除PDF中的空白页面》PDF文件中的空白页并不少见,因为它们有可能是作者有意留下的,也有可能是在处理文档时不小心添加的,下面我们来看看如何使用Spire.PDFfor.NET通过C#... 目录安装 Spire.PDF for .NETC# 查找并删除 PDF 文档中的空白页C# 添加与删

Android WebView无法加载H5页面的常见问题和解决方法

《AndroidWebView无法加载H5页面的常见问题和解决方法》AndroidWebView是一种视图组件,使得Android应用能够显示网页内容,它基于Chromium,具备现代浏览器的许多功... 目录1. WebView 简介2. 常见问题3. 网络权限设置4. 启用 JavaScript5. D

Flutter监听当前页面可见与隐藏状态的代码详解

《Flutter监听当前页面可见与隐藏状态的代码详解》文章介绍了如何在Flutter中使用路由观察者来监听应用进入前台或后台状态以及页面的显示和隐藏,并通过代码示例讲解的非常详细,需要的朋友可以参考下... flutter 可以监听 app 进入前台还是后台状态,也可以监听当http://www.cppcn