5.css3 阴影

CSS3 阴影

1.盒子阴影（box-shadow 属性）

语法：box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow 必需。水平位置，允许负值

*v-shadow *必需。垂直位置，允许负值

blur 可选。模糊度，值越大越模糊 不能是负数

spread 可选。阴影大小

color 可选。颜色

inset 可选。内外阴影 inset内阴影

box-shadow: 10px 10px 5px 5px red,0 -10px 20px 20px black inset;

2.文字阴影（text-shadow 属性）

text-shadow: h-shadow v-shadow blur color;

*h-shadow * 必需。水平阴影的位置。允许负值。

v-shadow 必需。垂直阴影的位置。允许负值。

blur 可选。模糊度 值越大越模糊 不能是负数

color 可选。阴影的颜色

p {
    font-size: 50px;
    color: red;
    text-align: center;
    text-shadow: 0px -5px 4px #ff3,
    2px -10px 6px #fd3,
    -2px -15px 11px #f80,
    2px -25px 18px #f20;
}