» »

Необычная страница 404 с использованием HTML5

Необычная страница 404 с использованием HTML5

Очень необычная страница 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>

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

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

Автор: Apocalypse
Возникли вопросы? Задайте их в комментариях
21.05.2017 Просмотров: 406 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Kosten
Kosten 21.05.2017 19:431
0
XemorDio, необычная страница, но что то похожее заливал, а вот уже демонстрация на другом сервис была.
tsakonter
tsakonter 21.05.2017 20:095
0
Здесь demo с одного источника, на светлом не красиво бы смотрелось, пилили изначально на темный фон.
ucozmental
ucozmental 21.05.2017 19:472
0
Все правильно, такая страница есть, можно посмотреть ранее, что была загружена здесь, не думаю, что эффекты разные.
Kosten
Kosten 21.05.2017 19:513
0
В другую категорию перевел, как инструкция по сайту, это также подойдет.
tsakonter
tsakonter 21.05.2017 20:074
0
Адаптивного материала мало не бывает, хотя анимация сильно грузит.
avatar