CSS3 内阴影(inset)代码

作者:     目录: PHP+MySQL     发表: 2011年04月09日

缺省情况下,使用CSS3 的 Box Shadow 属性生成的阴影效果是外阴影,如果想要生成内阴影效果,只需在代码中添加  inset 属性即可。

CSS3 内阴影(inset)代码:

.shadow {
   -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #000000;
}

CSS3 box-shadow 代码说明

inset 0 0 10px #000000含义如下
1. inset: 内投影
2. 水平方向偏移量
3. 垂直方向偏移量
4. 模糊半径值

CSS3 内阴影(inset)实例:

CSS3 阴影效果实例

标签:

♥阿里云服务器♥

云服务器,性价比高,建站首选。

阿里云服务器

♥支付宝现金红包♥

支付宝现金红包,每天可领,红包金额最高 99元,使用无门槛,支付宝扫码付、还信用卡、充话费都可以使用。

支付宝现金红包 每天可领

♥淘宝现金红包♥

淘宝粉丝福利,金额随机,使用无门槛,手机淘宝扫码直接领取现金红包。

淘宝现金红包

4 个评论

  1. 心情阳光 says:

    CSS特效方便实用,还是opera对css的支持最好啊

  2. 集趣 says:

    CSS的特效其实很不错,但是还有大部分的IE没有死亡

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据