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

Дерево навыков/Границы, контуры и тени/ Box shadows

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

    • Основные возможности `box-shadow`

      Распознаёт свойство `box-shadow` и выбирает внешнюю или внутреннюю тень, горизонтальное и вертикальное смещение, цвет, blur radius, spread distance и список из двух shadow layers.

      Уровень

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

    • Shadow corner radii

      Согласует shadow shape с border-radius и spread.

    • Shadow painting order

      Рисует shadows front-to-back относительно backgrounds и border.

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

    • Shadow shape и knockout

      Строит outer shadow из border shape и inset shadow из inverted padding shape.

    • Spread corner adjustment

      Корректирует corner curvature при positive и negative spread.

    • Shadow longhands

      Управляет color, offset, blur, spread и inset/outset через отдельные lists.

    • Shadow list matching

      Согласует longhand lists, interpolation и shorthand serialization.

    • Blur algorithm boundary

      Сохраняет нормативную blur extent без требования конкретного raster algorithm.