Animated CSS Glow

This is how you add a glowing effect to a background, it also works with “color” and not just the “background-color” attribute.

The above gives the duration for the animation sequence “glow-load”.

You can add and remove colours; however, I have found that adding more colours or making the duration too short (which means it changes colours quicker) causes the browser to use the CPU a lot and this could be problematic for older computers.


Many browsers require their own instructions, however, you can use a comma to save yourself some time.

In most cases, this is absolutely fine, but if you wanted to give a different colour scheme to people running Mozilla Firefox, you would have to use the first example.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.