Desidero avere l'effetto bagliore interno del pulsante quando messo a fuoco. Potrei ottenere il bagliore del contorno (esterno) del pulsante, ma voglio anche avere un effetto bagliore interno. Qualcuno potrebbe aiutare?Effetto bagliore interno del pulsante
ho fatto un jsFiddle che mostra questo effetto:
a {
-webkit-box-shadow: inset 0 0 30px #00f;
-moz-box-shadow: inset 0 0 30px #00f;
box-shadow: inset 0 0 30px #00f;
}
Edit: in risposta al tuo commento: Ecco un much sexier version.
ottengo l'effetto bagliore interno grazie a questo grazie per il vostro aiuto . come ho già detto ho bisogno di avere sia il bagliore interno che il bagliore esterno insieme. se includo "-webkit-box-shadow: inset 0 0 30px # 00f;" insieme a -webkit-box-shadow: 0 0 30px # 00f; posso vedere solo il bagliore interno ma non il bagliore esterno. – rashmi
uso box-shadowinset:
.class{
box-shadow:inset 2px 2px 2px 2px black;
}
+1, ma hai bisogno degli stili '-webkit-' e '-moz-' duplicati. – thirtydot
sì, ecco perché fornito il cx3.info linke. Il lavoro CSS3 è ancora in corso, tuttavia le funzionalità come 'box-shadow',' border-radius' sono implementate dai principali browser (non considero IE come browser) – crodjer
Forse dare un'occhiata qui: http://stackoverflow.com/questions/2572713/css3-gradients-to-reproduce-an-inner-glow-effect-from-illustrator-with-border-r – Simon