css3设计,取消文字阴影

发布日期:2015-08-30 16:52:13
如果你眼神够好,就会发现右侧内容区的第二行文字,WHEN I WATCH THE OSCARS
I’M ANNOYED…. ,也应用了文字阴影。原因如下:
<h1>Every year <em>when I watch the Oscars I'm annoyed...</em></h1>
当前的文字阴影效果应用在整个 <h1> 标签上(该标签内包含 <em> 标签) ,所以我们需要
取消 <em> 标签上的 text-shadow :
#content h1 em {
font-family: 'BitstreamVeraSansRoman';
display: block;
line-height: 1.052631579em; /* 40 ÷ 38 */
color: #757474;
font-size: .352941176em; /* 36 ÷ 102 */
text-shadow: none;

}

左上方阴影
使用负值可以制作出左上方阴影效果,例如:
text-shadow: -4px -4px 0px #dad7d7;
效果如下图:
如果不需要阴影模糊效果, 可以将 text-shadow 的第三个值 (模糊半径) 从声明中删除,
如下所示:
text-shadow: -4px -4px #dad7d7;
这种简写假定第三个值没有声明,而前两个值表示阴影偏移距离。

相关文章

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计