按鈕的內部發光效果

我想聚焦時有按鈕的內部發光效果。我可以實現按鈕的輪廓（外部）發光，但我甚至想要內部發光效果。誰能幫忙？按鈕的內部發光效果

2011-01-07 rashmi

也許看看這裏：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。

來源

2011-01-07 11:45:45 thirtydot

使用box-shadowinset：

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

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

來源

2011-01-07 11:37:39 crodjer

+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

按鈕的內部發光效果

回答

相關問題