text-shadow属性
text-shadow: 水平偏移 垂直偏移 阴影大小 颜色
水平偏移和垂直偏移可正可负,其中右和下为正方向。阴影大小表示模糊范围。
偏移效果
<h1> web design </h1>
h1 {
text-shadow: 2px 2px #FF0000;
}
效果如下:
模糊效果
<h1> web design </h1>
h1 {
text-shadow: 2px 2px 8px blue;
}
效果如下:
描边效果
<h1> web design </h1>
h1 {
text-shadow: 0 0 5px #F00;
}
效果如下:
浮雕效果
<h1> web design </h1>
h1 {
color:white;
text-shadow: 2px 2px 4px #000;
}
效果如下: