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 阴影效果实例

标签:

47 个评论

  1. 心情阳光说道:

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

    1. 任鸟飞说道:

      恩,相当实用,只是目前浏览器太多,太乱了,不好统一啊。

  2. 集趣说道:

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

发表评论