按钮的内部发光效果

问题描述：

我想聚焦时有按钮的内部发光效果。我可以实现按钮的轮廓（外部）发光，但我甚至想要内部发光效果。谁能帮忙？按钮的内部发光效果

也许看看这里：http://stackoverflow.com/questions/2572713/css3-gradients-to-reproduce-an-inner-glow-effect-from-illustrator-with-border-r – Simon 2011-01-07 11:37:35

答

我做了一个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。

答

使用box-shadowinset：

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

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

+1，但你需要`-webkit`和`-moz-`重复样式。 – thirtydot 2011-01-07 11:47:35

是啊，那是为什么提供了css3.info连接。 CSS3的工作仍在进行中，但像box-shadow，border-radius这样的功能是由主流浏览器实现的（我不认为IE是浏览器） – crodjer 2011-01-07 11:54:09

按钮的内部发光效果

相关推荐