CSSで使えるおしゃれな403エラー表示をまとめてみました!
codepenから引用しています
おしゃれアニメーションな403エラー表示 コピペで実装
今回は403エラー表示のシンプルなものからちょっと変わったシンプルなものを集めました!
ぜひコピペで実装してみてください!
ドットな禁止
黒でかっこよく!マウスを動かすと背景も動く!
See the Pen
403 forbidden (CSS hover) by Piotr Galor (@pgalor)
on CodePen.
「アクセスは禁止!」
鎖が動いて看板が下りてくる!
See the Pen
403 Forbidden #codepenchallenge by Visual Composer (@visualcomposer)
on CodePen.
現場からは以上です
事故現場のkeep outみたい!
See the Pen
Error 403 by Clara Beyer (@csb324)
on CodePen.
永遠に閉まる
403と書かれたドアが次々と閉じていく
See the Pen
Codepen Challenge: 403 error by Liam Egan (@shubniggurath)
on CodePen.
監獄
柵が下りてきて閉じ込められる!
See the Pen
Medieval 403 Forbidden by Dylan (@DevDylan)
on CodePen.
赤!
赤地に白でエラーということを忠告!
See the Pen
403 Error Page by Charae Keow (@charae-keow)
on CodePen.
イラスト
機器の接続ができなかったのかな・・・?
See the Pen
403 – Forbidden access by Akash (@acash)
on CodePen.
ギロっ
小窓から目がきょろきょろ
See the Pen
403 error message by Agata (@ageevaagata)
on CodePen.
シンプルシンプル
simple is the best!
See the Pen
403 thing or something by Mr Lonk (@Pulse)
on CodePen.
がちゃん…
檻が出てきて403が閉じ込められる・・・
See the Pen
403 page – No access by Blessing Oni (@blecaf)
on CodePen.
しかめっ面
Homeにカーソルと合わせると笑顔に!
See the Pen
Simple 403 by Laurence Hall (@codingwithlaurence)
on CodePen.
ディスプレイ表示
昔の画面みたい・・・
See the Pen
403 in a vault terminal by anthesema (@anthesema)
on CodePen.
ぐるぐる403
ぐるぐる・・・目が回りそう
See the Pen
Error 403 only CSS by Nikolay (@Kondalov)
on CodePen.
シンプル!
シンプルな警告
See the Pen
View: 403, Four Zero Three by Lưu An (@luckyluu)
on CodePen.
数字はいつも
スロット型のエラー表示
See the Pen
403 Forbidden by Ahmed (@ahmadit)
on CodePen.
まとめ おしゃれアニメーション
なかなかかわいいデザインですね!
ぜひ使ってみてください
こちらもおすすめですのでぜひ見てみてくださいね!
検索のトップ表示にできます!
Googleの新機能を堪能しませんか?
いままでの様に、求人広告やリスティング広告に多額の費用を支払う時代はもう終わりました
2019年から始まった新しいサービス「Googleしごと検索」を活用することで、誰でも簡単にGoogleの巨大プラットフームを利用できるようになったのです!
『すべて無料』で始められます!