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.
HTML
<!-- 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>
CSS
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);
}
}
