CSS 文本阴影属性

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.


Published At
Categories with 技术
Tagged with
comments powered by Disqus