css3阴影效果

[b]元素阴影:[/b]
语法:box-shadow:<length> <length> <length> color inset|;
水平偏移值(可正负) 垂直偏移值(可正负) 阴影模糊值 颜色 投影方式【inset内部阴影,省略参数为外部阴影方式。注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。】
兼容性:ff3.5+,Chrome2.0+,safari4+

兼容多种浏览器的添加阴影效果示例:
div{
//元素设置内阴影
box-shadow:4px 2px 6px #333333 inset; //*其他浏览器*
-webkit-box-shadow:-3px 4px 2px gray;/*chrom safari等基于webkit浏览器*/
-moz-box-shadow:-3px 4px 2px gray;/*ff浏览器*/
}


[b]文本内容阴影:[/b]
语法:text-shadow:<length> <length> <length> color;
兼容性:ff,safari,Chrome,Opera,ie8+

text-shadow: 0 1px 1px #fff
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值