Варианты оформления блоков с помощью стиля box-shadow.

Для всех блоков в примерах применен общий стиль:

А сама тень создается классом shadow, стиль которого можно поглядеть во вкладке CSS

Стандартная маленькая тень:
Стандартная средняя тень:
Стандартная большая тень:
Тень внизу:
Эффект изогнутого блока с тенью внизу:
Эффект изогнутого блока с тенью вверху и внизу:
Эффект изогнутого блока с тенью слева и справа:
Блок с приподнятыми уголками:
Блок с загнутыми уголками:
Вдавленный блок:
Внутренняя тень вверху блока:
Эффект листов:

Добавить комментарий

Ваш комментарий отправлен!