Keep your expectations low and you will never be disappointed

25 креативных страниц 404 с крутой анимацией

     рукоблудие, CSS, HTML, JavaScript     ~2 мин.     0

Если вы откроете страницу, которой нет (больше не существует), вы будете переправлены на страницу 404. Это не плохо, потому что на странице 404 можно творить чудеса и красоту.

Ниже примеры которыми вы можете либо вдохновляться, либо использовать на своем сайте.

Responsive 404 Stranger things

See the Pen Responsive 404 Stranger things by ARiyou Jahan (@ARiyou2000) on CodePen.

Автор: ARiyou Jahan
Используется: HTML, CSS (SCSS)

No Vacancy 404

See the Pen No Vacancy 404 by Riley Shaw (@rileyjshaw) on CodePen.

Автор: Riley Shaw
Используется: Slim, Sass, CoffeScript

404 Kittens

See the Pen 404 Kittens by nclud team (@nclud) on CodePen.

Автор: nclud team
Используется: HTML, CSS (SCSS), JS

Glitched out

See the Pen 404 - Glitched out by ZonFire99 (@ZonFire99) on CodePen.

Автор: ZonFire99
Используется: HTML, CSS, JS

Fargo 404

See the Pen Fargo 404 by Nate Watson (@nw) on CodePen.

Автор: Nathaniel Watson
Используется: Pug, CSS (SCSS), JS

404 No signal

See the Pen 404 No signal by Adem ilter (@ademilter) on CodePen.

Автор: Adem ilter
Используется: HTML, CSS, JS

Glitchy 404 Page

See the Pen Glitchy 404 Page by Kay Pooma (@kaypooma) on CodePen.

Автор: Kay Pooma
Используется: HTML, CSS

Bluescreen – 404 Page

See the Pen Bluescreen - 404 Page by Angela Galliat (@agalliat) on CodePen.

Автор: Angela Galliat
Используется: HTML, CSS

404 Space

See the Pen 404 Space by Keith (@KeithPaul) on CodePen.

Автор: Keith
Используется: HTML, CSS (SCSS), JS

Error page – #Project 4

See the Pen Error page - #Project4 by Jake (@Jake_Woods) on CodePen.

Автор: Jake
Используется: HTML, CSS (SCSS), JS

404

See the Pen 404 by Metty (@Metty) on CodePen.

Автор: Metty
Используется: HTML, CSS, JS

Space 404

See the Pen Space 404 by Ethan (@eroxburgh) on CodePen.

Автор: Ethan
Используется: HTML, CSS (SCSS), JS

404 Error Page

See the Pen 404 Error Page by anhat.dev (@nhatanh17) on CodePen.

Автор: anhat.dev
Используется: HTML, CSS, JS

Daily UI #008 – 404 Page

See the Pen Daily UI #008 - 404 Page by Rafaela Lucas (@rafaelavlucas) on CodePen.

Автор: Rafaela Lucas
Используется: HTML, CSS (SCSS), JS

Lost in Space (ERRORS) (not responsive)

See the Pen Lost in Space (ERRORS) (not responsive) by Radu (@maxym11) on CodePen.

Автор: Radu
Используется: HTML, CSS (SCSS)

404 Page Not Found

See the Pen 404 Page Not Found by João Sousa (@joaosousa) on CodePen.

Автор: João Sousa
Используется: HTML, PostCSS

404 Error Page

See the Pen 404 Error Page by miranda (@mirandalwashburn) on CodePen.

Автор: miranda
Используется: HTML, CSS

404 Error page

See the Pen 404 Error page by Abolfazl Arab (@abol) on CodePen.

Автор: Abolfazl Arab
Используется: HTML, CSS

404 Makes bear sad 🐻😭

See the Pen 404 Makes bear sad 🐻😭 by Jhey (@jh3y) on CodePen.

Автор: Jhey
Используется: Pug, Stylus, Babel

404-magnifying-glass-svg-animation-css

See the Pen 404-magnifying-glass-svg-animation-css by Maelle Gomez (@maellegomezafpa) on CodePen.

Автор: Maelle Gomez
Используется: HTML, CSS

en 404 page

See the Pen en 404 page by Arman Azizpour (@arman_bag) on CodePen.

Автор: Arman Azizpour
Используется: HTML, CSS

404 Venn Diagram

See the Pen 404 Venn Diagram by Michael Richins (@MrGrigri) on CodePen.

Автор: Michael Richins
Используется: HTML, CSS (SCSS)

Tractor Pull 404 Error

See the Pen Tractor Pull 404 Error by Nick Soltis (@nss5161) on CodePen.

Автор: Nick Soltis
Используется: HTML, CSS (SCSS)

Neon – 404 Page Not Found

See the Pen Neon - 404 Page Not Found by Tibix (@Tibixx) on CodePen.

Автор: Tibix
Используется: HTML, CSS

8-bit mario 404

See the Pen 8-bit mario 404 by JFabre (@josfaber) on CodePen.

Автор: JFabre
Используется: HTML, CSS (SCSS), Babel

Оригинал.

Чуть не забыл. Вы можете почитать меня в твиттере, посмотреть мои фотографии в инстаграме, подружиться со мной в PSN, позлить меня на твиче пока я играю или посмотреть в записи. А самые лучшие человеки могут меня поддержать деньгой.



Поделиться записью

Фейсбук | Твиттер | ВКонтакте | Гугл+ | Телеграм