美文网首页
text-shadow

text-shadow

作者: Jonath | 来源:发表于2019-01-15 17:38 被阅读0次

    text-shadow为文字添加阴影。可以为文字与 text-decorations 添加多个阴影,阴影值之间用逗号隔开。

    1 语法

    text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*
    也就是:
    text-shadow:[颜色(Color)  x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]...
    或者
    text-shadow:[x轴(X Offset) y轴(Y Offset)  模糊半径(Blur)  颜色(Color)],[x轴(X Offset) y轴(Y Offset)  模糊半径(Blur)  颜色(Color)]...
    

    2 取值

    <length>:长度值,可以是负值。用来指定阴影的延伸距离。其中X Offset是水平偏移值,Y Offset是垂直偏移值
    <color>:指定阴影颜色,也可以是rgba透明色
    <shadow>:阴影的模糊值,不可以是负值,用来指定模糊效果的作用距离。

    3 说明和实例

    可以给一个对象应用一组或多组阴影效果,方式如前面的语法显示一样,用逗号隔开。text-shadow: X-Offset Y-Offset Blur Color中X-Offset表示阴影的水平偏移距离,其值为正值时阴影向右偏移,如果其值为负值时,阴影向左偏移;Y-Offset是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移反之其值是负值时阴影向顶部偏移;Blur是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0;Color是指阴影的颜色,其可以使用rgba色。

    相关文章

      网友评论

          本文标题:text-shadow

          本文链接:https://www.haomeiwen.com/subject/czdbrqtx.html