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
The hover() method specifies two functions to run when the mouse pointer hovers over the selected elements. This method triggers both the mouseenter and mouseleave events. Note: If only one function is specified, it will be run for both the mouseenter and mouseleave events.
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.
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
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