Blinking Text in CSS

Even though common-sense design principles say your text shouldn't blink or hop around the page, there might be some cases where you need your text to flash. Back in the early ages of HTML you had the BLINK tag, which was soon deprecated. Here is a way to do it solely with CSS.

HTML Example:

This paragraph should blink if you view this with Opera or Firefox.

CSS Example:

p#blinky { text-decoration: blink; } 

Result:

This paragraph should blink if you view this with Opera or Firefox.

It won't work in all browsers. text-decoration: blink is only supported by Opera and Firefox, so it won't work in Chrome, IE or Safari. Use the feature with diligence, as blinking text is regarding as a newbie practice. Only use it where you really have to.

Share

Learn how to design amazing websites