css3 text-shadow

本文深入探讨了CSS文本阴影的高级用法,通过多个阴影叠加实现3D字体效果,并展示了实际应用案例。
基本语法:
  text-shadow:color x-offset y-offset blur[, ...];
或者:
  text-shadow:x-offset y-offset blur color[, ...];
        

例子:
  3D字体  多个阴影叠加即可,其中blur模糊值可以省略

  p{

    font-size:60px;

    color:#ccc;

    text-shadow-1px -1px 0 #444,-2px -2px 0 #444,-3px -3px 0 #444,-4px -4px 0 #444,-5px -5px 0 #444;

  }

  <p>hello world!</p>

效果如下:

 


转载于:https://www.cnblogs.com/h5n1/archive/2012/01/19/2327549.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值