В уроке разобраны три варианта кнопок с анимацией: кнопка с фоновым блоком и трансформацией (фон сдвигается при наведении), иконки соцсетей с изменением цвета и масштабирования, кнопка с вращающимся элементом внутри. Для каждой — состояние Hover в панели UI State, transition для плавности переходов, Z-index для управления слоями.
Hover в Taptop — отдельное состояние элемента. Переходишь в панель UI State, выбираешь Hover и задаёшь нужные параметры: цвет, размер, трансформацию. Transition добавляется в основном состоянии (не в Hover) — оно управляет плавностью перехода между состояниями.
Урок для тех, кто знает базовую вёрстку в Taptop и хочет добавить профессиональную интерактивность. Понимание работы с классами поможет грамотно применить transition без дублирования стилей.