content logo

Learn Javascript:

20 Javascript 404 Example

Source
devanswer.com
Dependencies
Jquery
Made With
HTML / CSS/JS
Responsive
Yes
Description

In this code, we have a ghost-like effect for the 404 page, whose eyes follow the mouse cursor.

 

Source
devanswer.com
Dependencies
Bootstrap
Made With
HTML / CSS/JS
Responsive
Yes
Description

A game is located on the 404 page in such a way that the arrow is written from the phrase 404 and can be fired with the space button and left and right with the left and right buttons.

 

Source
devanswer.com
Dependencies
Normalize/Pixi
Made With
HTML / CSS/JS
Responsive
Yes
Description

Matrix numbers and expressions are crossed horizontally to create a beautiful appearance.

 

Source
devanswer.com
Dependencies
-
Made With
HTML / CSS/JS
Responsive
Yes
Description

In this code, when page 404 is loaded, the phrase that indicates not finding the page you want is displayed as programming code.

 

Source
devanswer.com
Dependencies
Jquery
Made With
HTML / CSS/JS
Responsive
Yes
Description

This code displays a table with letters in it. These letters light up in sequence and show the phrase on the page you did not find. Also on the right side of the table there are a number of pages like About Us that the user can select if they wish.

 

Source
devanswer.com
Dependencies
Jquery/Velocity
Made With
HTML / CSS/JS
Responsive
Yes
Description

In this code, page 404 is like CMD, in which a phrase must be written. If a phrase other than Kitten is written, it will send a message that is not recognizable, and if Kitten is written, it will be written at the bottom of the page with the help of the symbols and shapes of Kitten.

 

Source
devanswer.com
Dependencies
Jquery/Three
Made With
HTML / CSS/JS
Responsive
Yes
Description

A 3D purple ball is in the middle of the phrase 404 and instead of zero in this code. This ball is constantly spinning in its place.

 

Source
devanswer.com
Dependencies
Jquery/Normalize
Made With
HTML / CSS/JS
Responsive
Yes
Description

In this code, we have a 404 screen like TV thaw that we can use in any case we want.

 

Source
devanswer.com
Dependencies
Font-awesome/Normalize
Made With
HTML / CSS/JS
Responsive
Yes
Description

There is a text in this code that can be edited. Whenever the text editing is completed, a pink ball passes over the words and a pink border is added to each word.

 

Source
codepen.io
Dependencies
Jquery
Made With
HTML / CSS/JS
Responsive
Yes
Description

In this code, the phrase 404 is written, but it has a special style. These styles are similar to LED lamps that sometimes turn on and off.

 

Source
codepen.io
Dependencies
Jquery
Made With
HTML / CSS/JS
Responsive
Yes
Description

A beautiful 404 screen that represents the sea and the ship, and the ship is moving automatically. The sea moves with the mouse.

 

Source
codepen.io
Dependencies
Jquery/Font-awesome
Made With
HTML / CSS/JS
Responsive
Yes
Description

In this code, we have a 404 phrase next to the link icon, and by clicking on the button below it, the phrase will collapse.

 

Source
codepen.io
Dependencies
Jquery
Made With
HTML / CSS/JS
Responsive
Yes
Description

We have a turquoise 404 plate with a sheep with salt in the middle and the sheep looking face to face as the couscous is placed on the sheep.

 

Source
codepen.io
Dependencies
Jquery
Made With
HTML / CSS/JS
Responsive
Yes
Description

In this code we have a phrase 404 that follows the mouse cursor and moves at a distance from it.

 

Source
codepen.io
Dependencies
Particles/Bootstrap
Made With
HTML / CSS/JS
Responsive
Yes
Description

In this code, we have a 404 expression whose color changes to gravity and turns blue again.

 

Source
codepen.io
Dependencies
Jquery
Made With
HTML / CSS/JS
Responsive
Yes
Description

This code is a 404 page with a forest background image that moves slightly with the mouse over this image.

 

Source
codepen.io
Dependencies
Modernizr/Pixi
Made With
HTML / CSS/JS
Responsive
Yes
Description

This code is a 404 page with a forest background image that moves slightly with the mouse over this image.

 

Source
codepen.io
Dependencies
-
Made With
HTML / CSS/JS
Responsive
Yes
Description

In this code, the phrase 404 is in the middle of the page and is constantly clear and blurry.

 

Source
codepen.io
Dependencies
-
Made With
HTML / CSS/JS
Responsive
Yes
Description

The phrase 404 is in the middle of the page in this code and has a noise effect on the letters of the words.

 

Source
codepen.io
Dependencies
-
Made With
HTML / CSS/JS
Responsive
Yes
Description

Like this code, if you turn the 404 page of your website into a game, it will be more attractive. This game moves the ball by clicking on the ball.

#

Javascript Free Code

#

404 Page Code

#

Not Found Page Code

#

404 Javascript code