Необычная анимированная страница 404 с использованием HTML5 Canvas — Уникальные скрипты и готовые решения для сайта

Добавить в закладки

Скачать [ZIP] [69 КБ]

Очень необычная страница 404 для вашего сайта, на которой цифры будут рассыпаться, реагируя на приближение курсора

Для начала посмотрите ДЕМО

Моё тестирование в редакторе: КЛИК

Установка:

Создайте файл 404.htm и замените в нём всё содержимое на:

<!DOCTYPE html>
<html>
<head>
<title>404</title>
<style type="text/css">
html, body {
background: black;
margin: 0;
overflow: hidden;
}
</style>
<script src="/js/p5.min.js"></script>
<script src="/js/404.js"></script>
</head>
<body></body>
</html>

<!DOCTYPE html>

<html>

<head>

html, body {

background: black;

margin: 0;

overflow: hidden;

}

</style>

</head>

</html>

Далее залейте этот файл в корень вашего сайта (Также можете просто взять файл 404.html из прикреплённого архива)

Осталось лишь залить два JS файла из прикреплённого архива в папку js

Возникли вопросы? Задайте их в комментариях

Возможно, Вам будет интересно:

Анимированная страница 404 с помехами на HTML5 и CSS3

Светлая анимированная страница 404 для uCoz

Жидкая страница с ошибкой 404 на HTML5 Canvas

Глючная страница 404 на HTML5 и CSS3

Зимняя страница 404 на CSS3 и HTML5

Глючная страница 404 с помехами на CSS3 и HTML5

Добавить комментарий Отменить ответ