A simple 404 page may have a bad effect on your site audiences, but an animated 404 page not only does not have a bad effect but also shows your professionalism and has a positive effect on your audience, you can use this code to rotate a text Show your error message. This CSS code is pure and very light and can be a good option for sites for which beauty and style are very important.

<!-- This script got from www.devanswer.com -->
<div class="first">
    {--<span>:+404 NOT FOUND++:</span>--}
</div><div id="bcl"><a style="font-size:8pt;text-decoration:none;" href="http://www.devanswer.com">Developers Answer</a></div>

body {
    overflow: hidden;

.first {
    font-size: 4em;
    color: rgba(95%, 43%, 9%, 1);
    text-align: center;
    display: block;
    position: relative;
    top: 200px;
    width: 80%;
    zoom: 0.9;
    margin: 0 auto;
    text-shadow: 0 0 35px rgba(95%, 43%, 9%, 1);
    -webkit-animation: spin-360 5s infinite;
    -webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));

    .first span {
        color: rgba(100%, 100%, 100%, 1);

body {
    background: #000;

@-webkit-keyframes spin-360 {
    from {
        -webkit-transform: rotate(0deg);

    to {
        -webkit-transform: rotate(360deg);