使用text-shadow属性可以实现文字阴影效果,具体实例如下:
0 1 2 3 |
<style><!-- .z_z {font-size: 44px;font-weight: 800;} .shadow{text-shadow: -1px 2px 3px #000;} --></style> <div class="shadow z_z">CSS实现文字阴影的方法</div> |
CSS实现文字阴影效果的方法
解释一下text-shadow的语法:
text-shadow:color length length length;
color:颜色; length分别按顺序指“X轴方向长度 Y轴方向长度 阴影模糊半径”
正值在X轴表示向右,负值表示向左.同样的道理Y轴负值是表示向上。
扩展:
下面有一些特效,可以借鉴。 Continue reading