Эффект текстового следа для слайд-шоу, вдохновленного снимком «Дриббл» «Аннотация нанимает».
Сегодня мы хотим поделиться с вами небольшим текстовым эффектом для слайд-шоу. Он основан на анимации, которую можно увидеть в фильме «Дриббл». Идея состоит в том, чтобы показать след текста при переходе между слайдами слайд-шоу. Анимации сделаны с использованием TweenMax.
Внимание: Обратите внимание, что это очень экспериментально и что мы используем современные свойства CSS, которые могут не поддерживаться в старых браузерах.
Мы создали пять демонстраций с различной типографикой и эффектами для изображений при переходе от одного слайда к другому. Компоновка текстового следа создается с помощью контейнера flexbox, который уменьшает высоту каждого текстового контейнера, чтобы все помещалось в область просмотра (высоту). Некоторые тексты будут видны в полный рост (мы установили их специально для flex: none ). Использование режимов наложения и поворотов также создает интересный вид.
Мы надеемся, что вам понравится этот эффект и вы найдете его полезным!
Ссылки и кредиты
Эффекты фильтра SVG: движение вперед
Загрузка...
