Menu
I want to have inner glow effect of button when focused. I could achieve outline (outer) glow of button but I even want to have inner glow effect. Could anyone help?
413
Inner Glow is one of the lesser-used effects within Photoshop layer styles, but that doesn't mean it isn't useful. On top of creating a glowing effect, Inner Glow can also be used to simulate an embossed or cut-out effect, to create some depth within your styles, or to add an inner stroke to your design.
In order to have this glow animation only when user hovers over the button, we are using the CSS selector :hover . If you need to have a permanent glow effect on the button, all you need to do is to remove this :hover selection from the glow-button definition.
I made a jsFiddle showing this effect:
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 response to your comment: Here's a much sexier version.
126
use box-shadow inset:
.class{
box-shadow:inset 2px 2px 2px 2px black;
}
http://www.css3.info/preview/box-shadow/
22
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
