CSS3繪製404頁面

標題有點噱了...

最近在做乙個交通有關的專案, 想做乙個類似標誌牌的404, 所以就有了這個.

只用的css3中的旋轉, 效果如下

上**:

doctype html

>
<
html
>
<
head
>
<
meta 
name
="viewport"
content
="width=device-width"
/>
<
title
>error
title
>
<
style
>
.circle 
.circle > div 
.block 
style
>
head
>
<
body
>
<
div 
class
="circle"
>
<
div>
<
span 
class
="block"
>
span
><
span
>404
span
><
span 
class
="block"
>
span
>
div>
div>
body
>
html
>

相容ie9+ 及其他, 主要是 transform 的相容問題, 以下來自這裡:

internet explorer 10、firefox 以及 opera 支援 transform 屬性。

chrome 和 safari 需要字首 -webkit-。

internet explorer 9 需要字首 -ms-。

雖然除了 transform, 還有其他可以玩的, 像圓角, 404兩邊的條, 但是覺得效果這個東西, 還是不要炫技術的好.

本來不想上傳效果圖的, 弄了弄發現css寫css**會被注釋掉, 誒 申請個js許可權去

小議404頁面

一 什麼是404頁面？404頁面是客戶端在瀏覽網頁時，伺服器無法正常提供資訊，或是伺服器無法回應，且不知道原因所返回的頁面。404錯誤資訊通常是在目標頁面被更改或移除，或客戶端輸入頁面位址錯誤後顯示的頁面。完成404頁面的製作，是必要的，展示效果如下 輸入乙個不存在的頁面，如 二 404頁面有什麼作...

404頁面是什麼？怎麼做404頁面

404頁面的目的是 告訴瀏覽者其所請求的頁面不存在或鏈結錯誤，同時引導使用者使用 其他頁面而不是關閉視窗離開。很多開源系統包括cms系統 blog系統等不提供404頁面或提供的404頁面並未達到seo的要求，這讓 的權威性大打折扣。404頁面該達到怎麼樣的效果才符合seo要求？搜尋引擎通過http狀...

Vue3設定404頁面

這幾天在用vue3寫點小專案遇到了一些坑！路由的404方式變了 只顧著看vue3核心文件，寫404的時候發現原來的 的配置方法在vue3裡面已經不適用了。官方文件建議使用如下 setup裡面獲取上下文呼叫 router.push等方法一些環境下報錯。雖然不知道為什麼，但是官方文件已經給出了在setu...