制作浮雕文字阴影效果

发布日期:2015-09-01 23:00:34
我一直觉得 text-shadow 最适合用来制作浮雕文字。 这种效果一般最适合应用在非白色
背景的深色文字上,搭配以高亮颜色(如纯白色或类似颜色)的阴影。我们来给网站的
导航链接添加浮雕效果试试:
nav ul li a {
height: 42px;
line-height: 42px;
text-decoration: none;
text-transform: uppercase;
font-family: 'BebasNeueRegular';
font-size: 1.875em; /*30 ÷ 16 */
color: #000000;
text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.75);
}
效果如下图所示,可以说是恰到好处——有了一点凹陷效果,同时又没有过分炫耀文字

阴影!

想要最好的浮雕文字效果,我有诀窍:不要模糊,不要水平阴影,仅在
垂直方向设置 1或 2像素的“白影”即可。

相关文章

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

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