Видеоинструкции

Анимация по скроллу

1min

В видео рассказываем об анимациях по триггеру «Трансформация по скроллу» — как настроить параметры триггерного элемента, установить начало и конец анимации, выбрать эффекты и адаптировать анимацию для разных устройств.
Видео на YouTube
VK Видео
﻿
﻿00:00 — Начало 
01:31 — Триггерный элемент
04:52 — Эффекты
08:01 — Другие метки, от которых зависит анимация: Scroller-Start, Scroller-End 
15:09 — Ключевые кадры эффекта
17:40 — Адаптация
19:50 — Добавляем анимацию на сайт
27:14 — Результат
﻿
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239107&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
<iframe src="https://vk.com/video_ext.php?oid=-219751701&id=456239107&hd=1" width="640" height="360" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>
﻿
Таймкоды:
﻿00:00 — Начало 
01:31 — Триггерный элемент
04:52 — Эффекты
08:01 — Другие метки, от которых зависит анимация: Scroller-Start, Scroller-End 
15:09 — Ключевые кадры эффекта
17:40 — Адаптация
19:50 — Добавляем анимацию на сайт 
﻿
﻿

Updated 10 Sep 2024

Did this page help you?

Анимация при появлении на экране

Как добавить Видео