ZorNet.Ru — сайт для вебмастера » HTML и CSS » Необычная страница 404 с использованием HTML5

Необычная страница 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 Мая 2017 Загрузок: 5 Просмотров: 1282 Комментариев: (5)

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

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

Оставь свой отзыв

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