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

Дерево навыков/Маски и обрезка/ Пути отсечения

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

    • Источник отсечения

      Выбирает отсутствие отсечения, CSS shape или URL-ссылку на источник отсечения.

    • Geometry box

      Ограничивает координатную область `clip-path` подходящим geometry box.

    • Basic shape

      Применяет готовое basic-shape value как бинарный путь отсечения.

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

    • Shape и reference box

      Определяет итоговую геометрию при совместном использовании shape и reference box.

    • SVG `clipPath`

      Использует SVG `<clipPath>` как источник CSS-отсечения.

    • Fill rule

      Выбирает правило заполнения пересекающегося или самопересекающегося пути отсечения.

    • Ошибка ссылки

      Определяет результат отсутствующей, ошибочной или неподходящей SVG-ссылки.

    • Hit testing

      Отличает видимую и интерактивную области элемента после отсечения.

    • Stacking context

      Учитывает создание stacking context ненулевым `clip-path`.

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

    • Системы координат

      Восстанавливает преобразования между geometry box, user space и `objectBoundingBox`.