1 895 Codepen

Анимирование букв в слове

Анимирование букв в слове при прокрутке страницы, используя animate.css и wow.js. Чтобы анимировать каждую букву, скриптом буква помещается в персональный контейнер.


HTML

<div class="wrapper">
   <div class="scrollDown">SCROLL DOWN</div>
  <div class="placeholder"></div>
</div>

CSS

Дополнительно для анимаций потребуется библиотечка animate.css
https://s3-us-west-2.amazonaws.com/s.cdpn.io/323909/animate.css
стили

JS

Также нужно подключить jQuery и скрипт wow.js для запуска анимаций реагирующих на скролл
//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js
https://s3-us-west-2.amazonaws.com/s.cdpn.io/323909/wow.js
Скрипт

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи