How can I add a subtle "glow" effect to a div element that will glow all the time/permanently, right after the page load, not just when hovered?
Unfortunately, the client wants me to make this work in IE7+.
Asked
Active
Viewed 6,025 times
2
Wesley Murch
- 101,186
- 37
- 194
- 228
Kai
- 53
- 1
- 3
-
Do you want it to see the glow fade in, or already be glowing when the page loads? – citizen conn Jul 19 '11 at 00:20
-
Do you want it to be animated? – Joe Flynn Jul 19 '11 at 00:21
-
Definitely could use clarification/example of what "glow" means. – Wesley Murch Jul 19 '11 at 00:24
-
Sorry folks, you are right. With "glow" I mean animate between 2 color values. It's a simple animation between, say dark green and bright green. – Kai Jul 19 '11 at 01:09
2 Answers
4
Have you considered using an animated gif?
Match the solution to the client.
Joe Flynn
- 6,908
- 6
- 31
- 44
1
If it should glow permanently all the time, why use Javascript/jQuery at all? This could be done purely using CSS, either using CSS3 box-shadow to simulate glow or using images.
Here's a CSS3 example
To animate bg-color, check out this post
Community
- 1
- 1
pixelfreak
- 17,714
- 12
- 90
- 109
-
Yes, I know. Unfortunately, the client wants me to make this work in IE7+. So I rather use a JS-based solution. Thx – Kai Jul 19 '11 at 00:20
-
It WILL work on IE7+ (using images since IE7 and 8 doesn't really support CSS3). Using jQuery has nothing to do with visual effects. It is the CSS/images that defines the presentation, unless you want to venture into Canvas/SVG territory which is more advanced. – pixelfreak Jul 19 '11 at 00:22
-
Oh, ok. Got'ya. I actually mean something else (my fault): What I'd like to do is to animate between to bg-colors, say red and green, to create a glowing effect. Does that make sense? – Kai Jul 19 '11 at 00:52
-
Most of the links to the download of the plugin are broken, unfortunately. Isn't there an easier way to animate between two colors in jQuery? – Kai Jul 19 '11 at 01:08