Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Переходы и анимации/ Функции easing

  1. Базовый уровень

    • Линейный progress

      Сохраняет input progress без изменения через keyword `linear`.

    • Стандартные easing keywords

      Выбирает стандартную ease-кривую по именованному keyword.

    • Кубическая Bézier-кривая

      Задаёт easing через четыре параметра `cubic-bezier()`.

    • Ступенчатый progress

      Разбивает progress на заданное число дискретных intervals.

  2. Продвинутый уровень

    • Control points Bézier

      Соотносит четыре параметра функции с двумя внутренними control points.

    • X-domain Bézier

      Ограничивает X-координаты control points диапазоном `[0,1]`.

    • Bézier overshoot

      Создаёт undershoot или overshoot через неограниченные Y-координаты control points.

    • Step intervals

      Различает число intervals и число фактически достижимых step positions.

    • Jump position

      Выбирает границу interval, на которой изменяется output progress.

    • Step aliases

      Соотносит `start`, `end`, `step-start` и `step-end` с нормативными jump positions.

    • Stops функции linear

      Задаёт output values с явными или пропущенными input positions.

    • Внеинтервальный progress

      Учитывает допустимые input и output values за пределами `[0,1]`.

    • Сериализация easing

      Получает canonical serialization keyword, `cubic-bezier()`, `steps()` или `linear()`.

  3. Экспертный уровень

    • Bézier output

      Находит output progress кубической Bézier-кривой для заданного input progress.

    • Bézier extrapolation

      Продолжает кривую за её определённым input interval по нормативным касательным.

    • Step output

      Вычисляет текущий step index и output progress с учётом jump position.

    • Before flag

      Разрешает неоднозначное boundary value ступенчатой функции с учётом направления и фазы.

    • Нормализация linear stops

      Заполняет крайние и промежуточные positions и устраняет их убывание.

    • Кусочно-линейный output

      Интерполирует progress между соседними нормализованными control points.

    • Некорректное easing value

      Отклоняет недопустимую easing function по общим CSS invalidity rules.