Страница переадресации для сайта с помощью CSS3Практически каждый сайт содержит переадресацию на другие источники, но разработчики умудряются не просто закрыть ссылку от индексации, но и стилизовать отдельную временную страницу, которая будет перебрасывать, на которой можно разместить много информации, или например рекламы, такой ход стал весьма распространенным, ведь такой ход не только уменьшает частично нагрузку на сервер, но и позволяет еще задержать пользователя. В данном уроке мы рассмотрим как создать и стилизовать одну из таких страниц.

 

Идея состоит в том, что у нас будет страница, закрашенная в желтый цвет, в центре будет иконка летящего человека, которая будет создавать эффект движения при помощи анимации. Также будет создан эффект движения ветра, это придаст нам больший эффект скорости и перенаправления.

Шаг 1. HTML

Разметка элементарная, нам необходимо подключить по очередности стили, вызывая все элементы для отображения на странице:

Также мы добавляем подпись, которая будет отображаться под летящим человечком.

Страница переадресации для сайта с помощью CSS3

Шаг 2. CSS

Теперь нам необходимо стилизовать эффект ветра и выхлоп воздуха над человечком, это будет создавать большего реализма движения персонажа:

Учтите, такой эффект является экспериментальным и будет работать только в современных браузерах.

Вот и все. Готово!

Читайте также: