Подписаться на блог
В Твиттере

Реплики и ссылки на заметки

В Фейсбуке

Ссылки на заметки

Вконтакте

Ссылки на заметки

В Телеграме

Ссылки на заметки

В Тумблере

Заметки целиком

В Же-же

Заметки целиком

По РСС

Заметки целиком

Если что-то из этого не работает, напишите мне: ilyabirman@ilyabirman.ru.

Эмёрдж 1.2 с анимацией по скроллу

Вышла новая версия Эмёрджа.

Появился атрибут data-expose, с помощью которого можно придержать анимацию появления элемента до тех пор, пока человек не доскролит до этого элемента:

<div class="emerge" data-expose="true">
  <!-- то, что красиво проявится только когда докрутишь -->
</div>

Разумеется, это можно комбинировать со всеми другими атрибутами и эффектами. Этот див проявится с эффектом зума спустя четверть секунды после доскроливания:

<div class="emerge" data-effect="zoom" data-hold="250" data-expose="true">
  <!-- это проявится чуть позже, чем когда докрутишь -->
</div>

Пример у меня на странице проектов. Там значение холда у всех элементов чуточку разное, поэтому они так прикольно-случайно усыпают страницу.

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

Подписаться на блог
Поделиться
Отправить
Запинить

Пользовательский интерфейс
Доступен первый раздел
электронного учебника

Популярное