html5中怎么使用text-shadow属性实现文字阴影效果
今天就跟大家聊聊有关html5中怎么使用text-shadow属性实现文字阴影效果,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> /*<![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 id="text"> 没有模糊效果 </div> <div id="text1"> 有模糊效果 </div> <div id="text2"> 阴影叠加 </div> </body> </html>
看完上述内容,你们对html5中怎么使用text-shadow属性实现文字阴影效果有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。