CSS3的Box Shadow

语法:

  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);

 

在线演示

 

你可能感兴趣的:(css3,box-shadow,box shadow)