Разработка Оригинальная анимация текста

[baltun]

baltun разместил(а) новый ресурс:

Оригинальная анимация текста - Оригинальная анимация текста.

Пишем код HTML:

<h1 id="heading" class="show-text" data-splitting>hello world!</h1>
<button id="trigger">Run Animation</button>

Пишем стиль:

@import url('https://fonts.googleapis.com/css?family=News+Cycle:700');

* { box-sizing: border-box; }

%tile-props {
  font-family: 'News Cycle', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: rgba(white, 0.5) 1px 1px 0;
  color: #333333;
  background-color: #EBCC99;
  background-image...

Посмотреть страницу этого ресурса...