Анимированный баннер на CSS3

Развивая проект Грузопоиск часто приходиться прибегать к нестандартным решениям и придумывать что-нибудь сложное и одновременно с этим интересное. В этот раз встала задача — сделать анимированный баннер для странички расширений extension.gruzopoisk.ru. Т.к. расширения у нас сделаны для «правильных» браузеров, то есть смысл показывать баннер только для них, для остальных можно чуток модифицировать код и перенаправлять посетителей сразу на основной сайт. Из требований вытекают возможности — можно смело использовать CSS3 на полную катушку 😉
Итак, вдоволь наигравшись с различными вариантами получился такой вот итоговый боевой вариант:

Грузпоиск — удобный поиск грузовУстановить расширение

Я думаю, что нет особого смысла расписывать что и как тут работает, вполне обычные анимации и трансформации.
Если всё же хочется поковыряться — вот SASS, наслаждайтесь )

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

Так что если ваша целевая аудитория позволяет — почему бы и не замутить баннер на CSS3? Что думаете по этому поводу?

P.S.: Да, я в курсе, что у меня баннер на правую колонку залез. Пусть так повисит )
P.S.S.: Может есть желание баннер у себя на сайте повесить? Буду премного благодарен 😉

Размещено в CSS.

В этом блоке кнопочки для кликания на случай, если пост оказался полезным :)
  • Купетман

    Было бы интересно посмотреть на процесс работы

  • Штиф

    Анимация на CSS ? Я в шоке :)) Воистину прекрасно!

    • Ну если честно то половина графики на сайте на CSS3 🙂

  • szamriy

    Не сочтите за спам 🙂 посмотрите на мой логотип http://nensi.net/ — css3-html5 то что мы так давно хотели, новые возможности

    • Сделано прикольно 🙂
      Правда с точки зрения бизнеса — я бы его убрал, сильно отвлекает внимание от контента.

    • Вася

      C учетом того что это спижжено отсюда 🙂

      http://daneden.me/animate/

  • tacuu

    тут описывается многое http://plutov.by/ думаю,будет полезно