Как сделать так, чтобы анимированный баннер на CSS3 показывал анимацию только один раз?

Добрый день, господа!

1. Есть пример баннера tympanus.net/Tutorials/AnimatedWebBanners/
2. Анимация запускается при каждом обновлении страницы

Как сделать так, чтобы этот анимированный баннер (на CSS3) показывал анимацию только один раз для пользователя при посещении первой страницы сайта? Т.е. при последующих переходах по страницам сайта банер должен оставаться в конечном положении анимации.

Если как-то коряво выразился, то извиняйте :-)
  • Вопрос задан
  • 4589 просмотров
Решения вопроса 1
mitry
@mitry
Если это первое посещение (куки не установлен), то на сервере или с помощь JS добавлять класс «first-visit» к BODY или банеру. А в стилях применять анимацию только к наследнику «first-visit»
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@servekon
При первом посещении страницы писать куки, что анимированный банер показан. На других страницах проверять наличие/значение этой куки. И если надо, просто показывать картинку с конечным положением анимации.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы