Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/CSS/box-shadow

Как работает `box-shadow` концептуально?

СобеседованиеBox Model
  • Синтаксис: box-shadow: offsetX offsetY blur spread color inset
  • blur — размытие (Gaussian blur), spread — расширение/сжатие тени
  • Multiple shadows: через запятую, первая — сверху
  • inset — внутренняя тень
  • Не влияет на layout, рисуется под/над контентом
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov