Как сделать тень для блока?

10105
Как сделать тень для блока?
Содержание:
  1. Пример стандартной маленькой тени
  2. Пример стандартной средней тени
  3. Пример стандартной большой тени
  4. Пример тени внизу
  5. Пример изогнутого блока с тенью внизу
  6. Пример изогнутого блока с тенью вверху и внизу
  7. Пример изогнутого блока с тенью слева и справа
  8. Пример блока с приподнятыми уголками
  9. Пример вдавленного блока
  10. Пример вдавленного блока
  11. Пример внутренней тени вверху блока
  12. Эффект листов

CSS стиль box-shadow - варианты оформления блоков

При оформлении дизайна блоков часто для красоты нужно сделать падающую тень. Такая тень создается классом shadow.

Пример стандартной маленькой тени


Пример стандартной средней тени


Пример стандартной большой тени


Пример тени внизу


Пример изогнутого блока с тенью внизу


Пример изогнутого блока с тенью вверху и внизу


Пример изогнутого блока с тенью слева и справа


Пример блока с приподнятыми уголками


Пример вдавленного блока


Пример вдавленного блока


Пример внутренней тени вверху блока


Эффект листов


Помогла ли вам статья?
Да Нет
367 раз уже помогла
Комментарии: (0)

КАТЕГОРИИ