0元购京东自营斐讯K2路由器返399元活动
置顶

CSS3 内阴影(inset)代码

作者:     目录: 小代码     发表: 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 阴影效果实例

标签: .

4 个评论

  1. 集趣 says:

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

  2. 心情阳光 says:

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

发表评论

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