Решили создать анимацию без ключевых кадров? Данное выражение вам поможет!
Общее понимание:
Короткий код: linear(время, значение от, значение до)
Расширенный: linear(время, время от, время до, значение от, значение до)
Линейная анимация которая с временным интервалом в 1 секунду, увеличит Size и остановится:
linear(
time, // откуда берем время / source of time
inPoint, // начало отсчета / start time
inPoint+1, //конец времени / end time
[0,0], //стартовое значение позиции / start value for position
[100,100] //конечное значение позиции / end value for position
)
Другие типы анимации (easeIn / easeOut):
easeIn(time, 0, 100, 400,750);
easeOut(time, 0, 100, 400,750);