【前端学习记录】css文本阴影的设置

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

效果如下：