Страница ошибки 404 "Star Wars"
 | |
| Посмотрел какой популярностью пользуются страницы ошибок 404 и решил добавить что то своё, давно хотел куда нибудь упрятать анимацию в стиле Звёздных войн, анимация происходит на CSS3, вот кто создал анимацию я точно не уверен и поэтому не даю ссылку на источник. Вообщем смотрите что у меня вышло: Страницу делал без оглядок на старые браузеры, уж извините, фоновое изображение взял форматом 1920 на 1080 и в стилях задал cover для мало мальского масштабирования под различные экраны. Фоновая музыка конечно же взята из самого фильма Звёздные войны (Основная тема), файл mp3 весит около 3.05Мб, и ссылку даю со своего сайта так как администратор сайта наложил жёсткий лимит на размер архива Ссылка. Используем тут html5 и тег audio, добавил авто воспроизведение и повтор композиции. Для анимации добавил пару медиа запросов под разрешения смартфонов и планшетов, но слишком не увлекался и поэтому не особо будет эффект полной адаптации, просто иначе выглядит некрасиво. В стилях можно заметить я подгружаю шрифты "STARWARS", нашёл максимально приближённый шрифт и добавил его в Title страницы. Все файлы уже в архиве, так что заливаем папку 404 в корень сайта, отдельно бросаем саму страницу 404html, проверьте все пути к ссылкам изображения,музыки, стилей так как я когда делал страницу у меня другие ссылки были и я мог забыть что то переправить. Вообщем временно со своего сайта даю Демо | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 9 | |
|
| |
