Анимация без ключей / Animation without keyframes

Animation without Keyframes

Решили создать анимацию без ключевых кадров? Данное выражение вам поможет!

Общее понимание:

Короткий код: 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);