文法:
box-shadow: 水準偏移 垂直偏移 [模糊值] [延伸值] [顔色] [inset]
屬性:
水準偏移: 水準方向的偏移,從左到右,可取負值
垂直偏移: 垂直方向的偏移,從上到下,可取負值
模糊值: 可選, 正數
延伸值: 可選, 正數
顔色: 可選
inset: 可選,如果設定inset,陰影内陷,否則外凸
例子:
box-shadow: 5px 5px 2px rgba(68, 68, 68, 0.55);
浏覽器差異:
-moz-box-shadow: 5px 5px 2px rgba(68, 68, 68, 0.55);
-webkit-box-shadow: 5px 5px 2px rgba(68, 68, 68, 0.55);
box-shadow: 5px 5px 2px rgba(68, 68, 68, 0.55);
線上示範