css3 文字阴影效果

请注意本文请用ie8.0以上浏览器浏览

或者支持css3浏览器观看

以下是style代码

 

text-shadow: 0px -11px 10px #C60, 0px -3px 9px #FF0;

font-size: 3.2em;

color: #fff;

text-align: center;

padding: 10px 0px 5px 0px;

background: #151515;

 

以下是我做的阴影效果

网络蛀虫小窝!

 

网络蛀虫小窝!

 

 » 转载请注明来源:网络蛀虫小窝 » 《css3 文字阴影效果》
 » 本站地址:http://www.gomoth.com

标签: ,

用css3做文字阴影效果

CSS3的文本阴影效果,顾名思义,让你在普通的文本在页面上添加阴影,同时适用于同一文本的多个阴影,CSS文本阴影可以产生一些不惊人的文字图像效果。以下是对CSS3文字阴影语法:

文本阴影:**

据此:

offsetx:相对于文本的影子(在任何有效的CSS数值)的水平偏移量。这个地方负值将决定文本左侧的阴影。
offsety:相对于文本的影子(在任何有效的CSS长度单位)的垂直偏移。这个地方负值将决定文本的阴影顶部。
blur-radius*:可选的值用来设置的模糊强度(在任何有效的CSS长度单位)。如果没有指定,默认为0。模糊的半径值
shadow:可选的值来设置阴影的颜色。该值可以定义在启动或结束。如果没有指定默认的UI颜色。
注:星号后,他们(*)表示它们是可选的值。

这里有几个很基本的子:

网络蛀虫小窝

css

.lighttext {

color: #F2F2F2;

text-shadow: 5px 5px 3px #414141;
}
html
<h1 class=”inset”>网络蛀虫</h1>
文本阴影
 » 转载请注明来源:网络蛀虫小窝 » 《css3 文字阴影效果》
 » 本站地址:http://www.gomoth.com
 » 转载请注明来源:网络蛀虫小窝 » 《用css3做文字阴影效果》
 » 本站地址:http://www.gomoth.com

标签: