How do you make an image or button glow when you mouse over using javascript or jquery?

javascript jquery html css effect
user701510 picture user701510 · Jun 4, 2011 · Viewed 83.9k times · Source

I want to add a glowing effect when I mouse over a button or image. How do I do this with javascript, jquery, or CSS? Here is an example of what I want it to look http://www.flashuser.net/flash-menus/tutorial-flash-glow-buttons-menu.html

Can someone give me some sample code?

Thanks in advance

Answer

JordanC picture JordanC · Jun 4, 2011

If you dont mind targeting modern browsers you can use CSS transitions and box-shadow properties, no JS needed.

Check out this site here:
http://designshack.co.uk/articles/css/5-cool-css-hover-effects-you-can-copy-and-paste
(Scroll down until you see Fade-in and Reflect)

Demo here: http://designshack.co.uk/tutorialexamples/HoverEffects/Ex5.html

Related questions

Refresh/reload the content in Div using jquery/ajax

I want to reload a div on click of a button. I do not want to reload the full page. Here is my code: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="…

Read More
How to apply !important using .css()?

I am having trouble applying a style that is !important. I’ve tried: $("#elem").css("width", "100px !important"); This does nothing; no width style whatsoever is applied. Is there a jQuery-ish way of applying such a style without having to …

Read More
How to add `style=display:"block"` to an element using jQuery?

How to add style=display:"block" to an element in jQuery?

Read More