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

Дерево навыков/Фильтры и композиция/ CSS-фильтры

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

    • Свойство `filter` и основные одиночные функции

      Распознаёт свойство `filter` и соотносит визуальный эффект с одиночными функциями `brightness()`, `contrast()`, `grayscale()` и `invert()`, включая усиление и ослабление эффекта числовым параметром.

      Уровень

    • Дополнительные одиночные функции `filter`

      Соотносит визуальный эффект с одиночными функциями `saturate()`, `blur()`, `opacity()`, `sepia()` и `hue-rotate()` и выбирает подходящие числовые, угловые или размерные параметры.

      Уровень

    • Drop shadow

      Формирует тень по alpha-mask уже нарисованного изображения.

    • Порядок фильтров

      Применяет filter functions последовательно в порядке записи.

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

    • SVG filter reference

      Включает ссылку на SVG `<filter>` в последовательность CSS filters.

    • Ошибка filter reference

      Отменяет всю filter chain при отсутствующей или неподходящей SVG filter reference.

    • Групповой фильтр

      Применяет filter effect к элементу и его descendants как к единой нарисованной группе.

    • Stacking context

      Учитывает stacking context, создаваемый ненулевым `filter`.

    • Containing block

      Учитывает containing block для absolute- и fixed-positioned descendants.

    • Ink overflow

      Определяет визуальное расширение результата фильтра за исходные box bounds без изменения layout geometry.

    • Локальные координаты

      Применяет операции фильтра в локальной системе координат элемента.

    • Hit-testing boundary

      Учитывает отсутствие влияния filter effect на hit testing.

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

    • Source pipeline

      Восстанавливает передачу SourceGraphic и промежуточного результата между functions и SVG references.

    • Интерполяция списков

      Сопоставляет функции двух filter lists по длине, позиции и типу.

    • Identity functions

      Дополняет короткий список нейтральными версиями соответствующих filter functions.

    • Discrete interpolation

      Выбирает discrete interpolation для несовместимых списков и списков с URL references.