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><br />

  
<div id="text1">
    有模糊效果
  
</div><br />

  
<div id="text2">
    阴影叠加
  
</div><br />
</body>
</html>
原文地址:https://www.cnblogs.com/java20130725/p/3215829.html