Переключатель смены фона с помощью step-by-step анимацииВ этом видео показываем, как с помощью пошаговай и триггерной анимации в Zero Block можно реализовать тумблер со сменой цвета фона и текста.
Коротко по шагам:
• Создали копию текстового блока, изменили ему цвет, отправили в слоях в самый низ. (Текст может быть другим, в примере использован тот же)
• Создали шейп нужного цвета, который будет пропадать по триггеру, задали ему 100% ширины и высоты по виндоу, опустили шейп в слоях, чтобы было видно верхний текст, картинку.
• Из двух шейпов сделали «тумблер», шарик которого и будет основным триггером.
• Задаём шарику тумблера нужное движение сбс-анимацией по клику.
• Верхнему текстовому контейнеру и темному шейпу на весь экран задаем анимацию по триггеру, триггер в нашем случае как раз вот этот шарик тумблера.
Подробнее процесс и шаги смотрите на видео выше