Прекрасные особенности CSS3 box-shadow

Обычно box-shadow применяется для создания простых теней на веб-страницах, но также этот инструмент можно использовать намного шире.



Для начала рассмотрим параметры box-shadow:

  • inset: добавление внутренней тени, необязательный параметр.
  • x-offset: горизонтальное смещения тени, обязательный параметр, может быть отрицательным
  • y-offset: вертикальное смещения тени, обязательный параметр, может быть отрицательным
  • blur: радиус размытия тени, значение «0» по умлочанию
  • spread: плотность, важный параметр, о котором пойдет речь ниже
  • color: цвет тени, можно использовать строчные значения, hex-код, rgb, hsla, rgba и т.д. Необязательный параметр, но некоторые браузеры используют черный цвет по умолчанию
Читать дальше →

© Habrahabr.ru