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

Дерево навыков/Переходы и анимации/ Значения и композиция animation effects

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

    • Endpoints эффекта

      Выбирает соседние property values для текущего keyframe segment.

    • Progress сегмента

      Нормализует iteration progress внутри выбранного keyframe segment.

    • Discrete fallback

      Переключает несовместимые endpoints по discrete animation model.

    • Underlying value

      Получает исходное значение свойства под применяемым animation effect.

    • Replace composition

      Заменяет underlying value текущим effect value.

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

    • Animation type

      Выбирает применимую interpolation или discrete model свойства.

    • Sampling effect value

      Получает effect value из endpoints и eased segment progress, делегируя type-specific operation владельцу значения.

    • Изменяющиеся endpoints

      Пересчитывает effect value при изменении применимых keyframe или underlying values.

    • List interpolation handoff

      Передаёт matching, repetition и component interpolation списка профильному владельцу типа.

    • Add composition

      Добавляет effect value к underlying value в нормативном порядке operands.

    • Accumulate composition

      Объединяет effect и underlying value через accumulation operation типа.

    • Накопление итераций

      Учитывает результат завершённых iterations в текущем effect value.

    • Несколько effects

      Обрабатывает несколько animation effects, одновременно влияющих на одно свойство.

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

    • Effect stack

      Формирует упорядоченный стек keyframe effects для одного target property.

    • Composite operation эффекта

      Выбирает и применяет composite operation каждого effect в stack.

    • Underlying chain

      Передаёт результат нижнего effect как underlying value следующему effect.

    • Порядок animation classes

      Сортирует effects по inter-class composite order.

    • Transitions и animations

      Размещает CSS Transitions раньше CSS Animations и generic WAAPI animations.

    • Class-specific order

      Применяет отдельные правила ordering внутри CSS Transitions и CSS Animations.

    • Composited cascade value

      Передаёт итоговое значение effect stack на соответствующий animation cascade level.

    • Global animation order

      Использует позицию animation в global list, когда более приоритетные критерии не разрешают порядок.