CSS3文字阴影？盒子阴影？遮罩？倒影？

CSS3文字阴影？

text-shadow

  x  y  blur  color  。坐标 模糊程度  颜色，模糊程度单位也为px

  注：阴影的默认颜色和阴影的颜色相同。

  注：通过逗号分隔可以进行多阴影设置 （如火焰文字设置）

 

盒子阴影？

box-shadow

x  y  blur  spread  color  inset  多阴影。坐标 模糊程度 范围量 颜色 内/外阴影。范围量指模糊的范围，值也是px像素。

注：盒子阴影的默认颜色为黑色

注：默认就是外阴影，如果设置outset不起作用，可选择值为inset表示内阴影。

 

遮罩？

mask

 url  repeat  x  y  w  h  多遮罩。 该图片原本透明区域将变为可遮住区域。

注：mask目前还没有标准化，所以需要添加浏览器前缀

注：默认是x 、 y都平铺

 

倒影？

box-reflect

above /below/left /right  距离  遮罩|渐变。即第三个参数可为遮罩mask的url或渐变。

注：只是针对透明度的渐变，不能针对颜色的渐变。