Error 404 Page HTML Template

Open In Editor Video Publish Your Code

body { background-color: #111111; }
        div {
            margin-top: 0px;
            padding: 40px;
            font-size: 95px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            height: 100vh;
            font-family: 'Monoton', cursive;
            text-align: center;
            text-transform: uppercase;
            text-shadow: 0 0 80px red, 0 0 30px firebrick, 0 0 6px darkred;
            color: red;
        }
            div p { margin: 5px; }
        #error { color: #FFFFFF; text-shadow: 0 0 80px #FFFFFF, 0 0 30px #008000, 0 0 6px #0000FF; }
            #error:hover { text-shadow: 0 0 200px #FFFFFF, 0 0 80px #008000, 0 0 6px #0000FF; }
            #error span { animation: upper 11s linear infinite; }
                @keyframes upper {
                    0%, 19.999%, 62.999%, 70%, 100% { opacity: .99; text-shadow: 0 0 80px #FFFFFF, 0 0 30px #008000, 0 0 6px #0000FF; }
                    20%, 21.999%, 63%, 63.999%, 65%, 69.999% { opacity: .4; text-shadow: none; }
                }
        #code:hover { text-shadow: 0 0 100px red, 0 0 40px firebrick, 0 0 8px darkred; }
        #code span:nth-of-type(2) { animation: lower 10s linear infinite; }
        #code span:nth-of-type(1) { text-shadow: none; opacity: .4; }
            @keyframes lower {
                0%, 12%, 18.999%, 23%, 31.999%, 46%, 49.999%, 51%, 58.999%, 68.999%, 71%, 78.999%, 96%, 100% { opacity: .99; text-shadow: 0 0 80px red, 0 0 30px firebrick, 0 0 6px darkred; }
                19%, 22.999%, 32%, 36.999%, 50%, 55.999%, 64%, 69.999%, 86%, 89.999% { opacity: .4; text-shadow: none; }
            }

@media(max-width: 520px) {
            div { font-size: 60px; }
        }
        @media(max-width: 380px) {
            div { font-size: 45px; }
        }

Error 404 Page HTML Template

Recommended

Chinese Community HTML Template

Developer Portfolio HTML Template with Animated BG

HTML Login Form with Geometric Background

HTML

CSS

JS

Recommended

Chinese Community HTML Template

Developer Portfolio HTML Template with Animated BG

HTML Login Form with Geometric Background

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS