ボタンのインナーグロー効果

フォーカスしているときボタンのインナーグロー効果を持たせたい。私はボタンのアウトライン（アウター）グローを得ることができましたが、インナーグロー効果を持たせたいと思っています。誰でも助けてくれますか？ボタンのインナーグロー効果

2011-01-07 rashmi

多分ここを見てください：http://stackoverflow.com/questions/2572713/css3-gradients-to-reproduce-an-inner-glow-effect-from-illustrator-with-border-r – Simon

私はこの効果を示す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

あなたの助けを借りて。私が既に言及したように、私は内側のグローと外側のグローを一緒に持つ必要があります。私は "-webkit-box-shadow：inset 0 0 30px＃00f;" -webkit-box-shadowと一緒に：0 0 30px＃00f;私は内側のグローのみを見ることができますが、外側のグローは見ることができません。 – rashmi

使用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

なぜ、css3.info linkeが提供されたのですか？ CSS3の作業はまだ進行中ですが、 'box-shadow'、' border-radius'などの機能は主要なブラウザで実装されています（私はブラウザとしてIEを考慮しません） – crodjer

ボタンのインナーグロー効果

答えて

関連する問題