admin 发表于 2013-7-19 19:46:20

CSS3 text-shadow 文本阴影效果

CSS3 文本阴影

在 CSS3 中,text-shadow 可向文本应用阴影。


您能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色:

实例向标题添加阴影:h1{text-shadow: 5px 5px 5px #FF0000;}完整示例:
说明:Internet Explorer 不支持 text-shadow 属性<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>

<h1>文本阴影效果!</h1>

<p><b>注释:</b> Internet Explorer 不支持 text-shadow 属性。</p>

</body>
</html>

phonegap100 发表于 2013-9-27 15:49:46

过来看看的

你懂得 发表于 2013-9-28 15:53:04

写的真的很不错

uqobk8216 发表于 2013-9-30 03:22:44

我抢、我抢、我抢沙发~
页: [1]
查看完整版本: CSS3 text-shadow 文本阴影效果