Css文本阴影属性类似于box-dow属性,但阴影应用于每个字母,而不是元素的边界:
1text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
这些值的顺序是:Offset-x Offset-y blur-Radius Color
。
您还可以定义多个阴影:
1text-shadow: 45px 25px 4px rgb(25,93,229),
2 25px 15px 1px rgb(25,93,229);
<$>[备注]
注意 与box-shadow
属性一样,您可以定义多个逗号分隔的阴影。然而,与box-shadow
不同的是,您不能定义扩散值或使用inset
关键字来表示文本阴影。有一些方法可以创建看起来像插图阴影的文本阴影,但阴影本身实际上并不是插图。
<$>
结果
以下是上述代码片段中的两个文本阴影的结果:
I'm just some text in the world with a basic shadow.
I'm just some text in the world with two shadows.