Профессиональный Timeline-редактор для создания пошаговых CSS-анимаций с ключевыми кадрами.
Описание
Вкладка «Анимации» позволяет создавать сложные анимации из нескольких ключевых кадров (keyframes). Визуальный timeline помогает точно контролировать каждый шаг анимации.
Timeline / Пошаговая анимация
Создание анимации из нескольких ключевых кадров.
Элементы интерфейса
Timeline Track — визуальная шкала с playhead
Steps List — список шагов (START, STEP N%, END)
Properties Editor — редактор свойств для каждого шага
Время (%); Позиция на таймлайне; 0% – 100%
Opacity; Прозрачность; 0 – 1
Scale; Масштаб; 0 – 3
X (px); Смещение по горизонтали; -500 – 500
Y (px); Смещение по вертикали;-500 – 500
Rotate (°); Поворот 2D; -360 – 360;
Rotate X (°); 3D поворот по X; -180 – 180
Rotate Y (°); 3D поворот по Y; -180 – 180
Depth Z (px);Сдвиг в глубину; -200 – 200
