按钮的内部发光效果

时间:2011-01-07 11:33:09

标签: css css3

我希望在聚焦时有按钮的内部发光效果。我可以实现按钮的轮廓(外部)发光,但我甚至想要内部发光效果。有人可以帮忙吗?

2 个答案:

答案 0 :(得分:36)

我做了jsFiddle显示这种效果:

a {
    -webkit-box-shadow: inset 0 0 30px #00f;
    -moz-box-shadow: inset 0 0 30px #00f;
    box-shadow: inset 0 0 30px #00f;
}

修改以回复您的评论:这是much sexier version

答案 1 :(得分:2)

使用box-shadow inset

.class{
  box-shadow:inset 2px 2px 2px 2px black;
}

http://www.css3.info/preview/box-shadow/