Придать сайту динамики и создать приятный внешний вид позволяет добавление анимация к элементам сайта. Анимация выражается в плавном изменении позиции и внешнего вида элементов сайта: картинки, блок текста и т.п. Демонстрация примера работы анимации представлена в верхней части странице нашего сайта. В качестве объекта анимации может выступать на только изображение, но и блок с текстом.
.
Преимущества сайта с анимацией:
- Красиво (при условии качественной работы дизайнера)
- Удерживает внимание (главное не переусердствовать)
- Оригинальность
Недостатки анимации:
- Анимация выполненная с применением CSS (не работает в некоторых старых версиях браузеров).
- Перегруженность анимацией и неправильная её настройка приведет к напряжению внимания пользователя сайтом.
Работа анимированных объектов различаться по нескольким параметрам.
По цикличности:
- Однократная анимация (логотип на этом сайте)
- Постоянно повторяющаяся
- Повторяющаяся с определенной периодичностью
По началу появления анимации:
- Анимация начинающая работать при загрузке страницы (логотип на этом сайте)
- При появлении в видимой части экрана (используется в оформлении текущей страницы)
- При появлении в видимой части экрана с отсрочкой проявления анимации (комментарий снизу рекламного баннера на главной странице)
Повторный просмотр работы анимации на нашем сайте возможен при обновлении страницы в браузере (клавиша F5)