content logo

Learn CSS:

17 CSS 404 Page Not Found Example

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

To display page 404, there is a bookshelf that does not contain a book and the book space is known. The doors of this bookshelf also move.

 

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

To display the 404 page in this code, a number of fish move in the background of the page. The phrase The page you were looking for was not found on the page.

 

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

A flashlight is moving in a semicircle, and the light displays the phrase 404 not found when passing.

 

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

The expression 404 has a color shade and the color of this shade changes automatically.

 

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

In this code, the phrase 404 is in the middle of the page and in large. The letters of this phrase change their colors in order.

 

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

There is a programming code in the background that shows the concept of the page not found with the programming theme. Error phrase 404 is also running glitch on the screen.

 

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

The phrase 404 is in the middle of the page with a gray theme and a pink background. Instead of the letter zero in phrase 404, there is a magnifying glass.

 

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

The crying bear in this post shows the sadness of not finding the page the user wants. Moving the mouse also changes the letter spacing between the words not found.

 

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

On this page 404 there is a bottle on the water. Water waves cause the bottle to shake. Under water, water bubbles and the phrase 404 move slowly with the flow of water.

 

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

The two right triangles in the lower right corner of the screen are zoomed in and out. The overall theme of this 404 page is purple.

 

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

A bicycle is passing at the bottom of the screen and elements such as a backpack, box and watch are moving.

 

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

The letters zero and four in the background constantly appear and then disappear. The background is red and these letters are displayed with a red and white theme.

 

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

In this 404 code, a number of color shapes are constantly moving left and right in the background. The phrase 404 is in white and large in the middle of the page.

 

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

The astronaut connecting pipe to the spacecraft in this code 404 is shaking and moving in space. The word 404 is written in large font on the big moon next to the spacecraft.

 

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

The phrase 404 with the theme of the galaxy is in the middle of the page in this post. Zero character is like a planet. The whole phrase goes up and down a bit. Meteors also pass over the phrase.

 

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

In the beautiful code line, the phrase 404 is immersed in the snow. There has been snowfall all over the page. A red shovel is sunk in the snow next to 404.

 

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

In this code, the background is yellow and there is an inconvenience in the middle of the emoji screen. Below this emoji is the phrase on page 404.

#

404 Error Page Code

#

Page Not Found Code

#

CSS 404 Nothing Found

#

Free 404 Error Code