Продвинутая пошаговая анимация в Zero Block: мастер-класс

00:00:00 — Введение
00:04:59 — Пример простой анимации
00:12:03 — Важная особенность ограничений анимации
00:16:34 — Пример анимации на реальном сайте
00:22:35 — Триггерная анимация
00:32:56 — Ответы на вопросы
00:35:41 — Анимация on Hover
00:41:57 — Анимация служебного меню
00:52:23 — Ответы на вопросы
00:52:45 — Примеры анимации
00:57:32 — Ответы на вопросы
00:58:45 — Примеры сайтов с хорошей анимацией
01:05:55 — Ответы на вопросы

[МаргаритаМакарова-эм]

Сверхполезный эфир, спасибо! Очень понятное пояснение и крутые примеры для того, чтобы "въехать" в логику.

[sergeyprostobean]

Как всегда - познавательно и интересно. Максу спасибо за труды:)

[jullietbullet]

Ого! Очень полезное видео! Столько идей приходят в голову, побежала экспериментировать!

[olegpochtar]

Классно! Несколько важных моментов подчеркнул

[Алексей-мяй]

Если делать выезжающую триггерную менюшку по клику, то очень не хватает возможности закрыть ее кликом по пустой области, а не только кликнув обратно на триггер. В Фигме можно такую галку поставить, например.

[christinatalvir]

Спасибо за видео, очень интересно=)) Подскажите пожалуйста, а как сделать анимацию кнопки по ховеру и клику? Почему-то получается, либо по ховеру, либо по (

[VladimirMuc]

?? Вопрос знатокам. Как сделать при Hover-е увеличение изображения внутри шейпа, НО без изменения размеров самого шейпа.
Тоесть при ховере картинка увеличивалась внутри шейпа, а размер самого шейпа не меняется.
Спасибо за подсказку. Подсказку можно ссылкой на видео-туториал. :)
Спасибо.

[Горошек-сш]

Добрый день подскажите при анимации по ховеру у меня из прозрачного 0% шейпа получается в 100% сделать в шаге 2, все отображается хорошо - нет шейпа - навела на место - шейп появился...а если я ставлю значение опасити 50 или другое на 1м шаге (не 0) - уже ничего не получается - на опубликованной странице вместо 50% прозрачности без наведения выглядит как 100, как будто у меня 3 шага (степ 1 - оп.100%, степ 2 - оп50%, степ 3 - оп.100%), а не 2 (степ 1 -50%, степ 2- 100%)

[АнастасияЮрьева-мт]

Подскажите как сделать подобную анимацию по скроллу как на 1:01:51 ? Как зафиксировать движущиеся элементы по центру экрана

[ВикторМулярчук-хт]

И как тут сделать анимацию при ховере, чтобы шейп(картинка) была полупрозрачной, а при наведении становилась полностью видимой. Так как стартовая точку можно настроить либо полностью невидимой, либо хз

[anna_mullanurova]

Здравствуйте, подскажите как можно сделать меню в зеро блоке для мобильной версии с прокруткой пунктов меню а бок?

[UserName-jfez]

как добиться такого эффекта как на 1:03:20?

[Николай-ьму]

можно ли сделать в мобильной анимации тригер оффсет?

[РоманХритов-эу]

А выложите запись, а то по ссылке только доступ, в плейлисте нетути((

[ТатьянаКулікова-кт]

Не очень понимаю, как работать с такими кнопками, как описано в 26 минуте, так как нажать на нее и перейти куда-то просто невозможно. Фишка прикольна, но пользы 0. Если есть секретик, дайте знать. Ушла экспериментировать.

[maximogonzalez]

Подошёл только вариант с интернет-заданиями. Так-как я живу в селе.

[VovaSumrak]

Как сделать анимацию смены фона по тиргеру? Навел на тригер сменился фон блока.