有趣的404頁面設計

c-xuan發表於2019-02-27
原文網址 : https://blog.csdn.net/aiyocxuan/article/details/87971567

在這裡插入圖片描述

  • 作者：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

更多

相關文章