Полноэкранный эффект петли, который показывает быстрый просмотр изображений при наведении специального пункта меню.
Сегодня мы хотели бы поделиться с вами немного эффектным эффектом. Идея состоит в том, чтобы показать быстрый полноэкранный просмотр изображений при зависании по специальной ссылке. В нашей демонстрации мы используем концепцию веб-сайта фотографа, где ссылка на их работы вызывает эффект. При наведении некоторые фотографии быстро отображаются в цикле. После щелчка ссылки текущее изображение масштабируется и перемещается на свое место в сетке. Анимации создаются с использованием TweenMax.
Демонстрация спонсируется HelloSign API: Самый гибкий API eSign .
Если вы хотите спонсировать одну из наших демонстраций, узнайте больше здесь.
Внимание: Обратите внимание, что мы используем современные свойства CSS, которые могут не поддерживаться в старых браузерах.
На нашей целевой странице демо есть меню в правом верхнем углу.
Ссылка «фотография» вызовет цикл. Цикл будет содержать только элементы сетки, которые будут видны в окне просмотра:
Как только нажимается «фотография», мы уменьшаем текущее изображение и оживляем его до места в сетке:
При нажатии на кнопку «Назад» или на имя страницы в верхнем левом углу мы снова покажем содержимое целевой страницы.
Мы надеемся, что вам понравится этот небольшой эффект и сочтет это полезным!
Загрузка...
