css3字体阴影text shadow

date:星期二, 四月 13th, 2010 at 1:17 上午 Categories:web

text-shadow基本语法

text-shadow ： none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*

：指定颜色。
：由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
：由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果，将前两个 length 全部设定为 0 。请参阅长度单位。

.text_shadow{
    width:200px; 
    padding:40px 20px; 
    background:#a0b3d6; 
    text-shadow:2px 2px 1px white;
}

下面是一个火焰字体的效果

#xibit{ padding-top:10px;text-align:center;text-shadow:0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, 2px -15px 11px #FF8800, 2px -15px 10px #FF2200;color:#000; font-size:24px;font-family:"微软雅黑","宋体",Geneva, sans-serif;}

css, 字体

This entry was posted on 星期二, 四月 13th, 2010 at 1:17 上午 and is filed under web. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

css3字体阴影text shadow

Leave a Reply

Pages

Archives

Categories