html里面给盒子或者文字添加投影代码该怎么写_随笔

使用html5的text-shadow实现没有模糊效果，有模糊效果，阴影叠加的具体代码如下，想学习的朋友可以了解下哈，希望对你学习html5有所帮助

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

/*<![CDATA[*/

#text

{

text-shadow:2px 2px 0px orange

}

#text1

{

text-shadow:2px 2px 5px orange

}

#text2

{

text-shadow:2px 2px 5px orange,-2px 2px 5px green

}

/*]]>*/

</style>

</head>

<body>

没有模糊效果

</div>

有模糊效果

</div>

阴影叠加

</div>

</body>

</html>

CSS3的文字阴影—text-shadow

IE中：filter:shadow(Color=颜色值,Direction=数值,Strength=数值)}

.demo {text-shadow: 0 0 20px redfilter:shadow(Color=#0000ff,Direction=10,Strength=10)}

欢迎分享，转载请注明来源：内存溢出

html里面给盒子或者文字添加投影代码该怎么写