天高任鸟飞

       

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. 心情阳光说道：
    2011年04月14日 11:57 下午

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

    1. 任鸟飞说道：
      2011年04月17日 9:03 下午

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

  2. 今年最流行的夏装说道：
    2011年04月14日 12:41 上午

    有板凳做也不错。

  3. 集趣说道：
    2011年04月12日 4:42 上午

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

发表评论