Photoshop投射与CSS中box

text-shadow是给文字加上黑影实际效果，box-shadow是给元素块加上附近黑影实际效果。伴随着html5和CSS3的普及，这1独特实际效果应用愈来愈广泛。

基础英语的语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}

"混和方式"：Photoshop出示了各种各样的混和方式，可是CSS3黑影只适用一切正常方式（normal）。

"色调（color）"：黑影色调。对应于CSS3黑影中的 color 值。

"不全透明度（opacity）"：黑影的不全透明度。对应于CSS3黑影的色调 rgba() 中的 a 值。

"角度（Angle）"：投射的角度。

"间距（Distance）"：黑影的间距。依据角度和间距能够换算出CSS3黑影中的x-offset和y-offet。 x-offset = Distance * cos(180 -Angle) ， y-offset = Distance * sin(180 - Angle)

"拓展（Spread）"：黑影的拓展尺寸。操纵黑影实体线色调和虚化色调的是多少。 Spread * Size = 黑影中实体线色调的尺寸 。剩余的便是虚化的色调。CSS3黑影 spread-radius = Spread * Size

"尺寸（Size）"：黑影的尺寸。在CSS3中 blur-radius + spread-radius = Size 即 blur-radius = Size - spread-radius 。

以上图中的标值为例。

text-shadow 沒有 spread-radius 因此不可以彻底完成PS中的实际效果。