Home/ Questions/Q 7516403
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T01:07:12+00:00

Basically all I want to do is make text flash different colors. etc. text

  • 0

Basically all I want to do is make text flash different colors. etc. text flashes blue then red, then pink, then purple, etc. Thanks in advance

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could use CSS3 instead of Javascript. The sample below blinks from red to yellow, green, blue and back to red. Remember to add specific vendor prefixes for mozilla, webkit, etc. (e.g. -moz-animation and -moz-keyframes)

    index.html

    <!doctype html>
<html>
<head>
    <title>Blinking Text</title>    
    <link rel="stylesheet" href="style.css" />      
</head>
<body>   
    <div class="test">Text</div>       
   </body>
</html>

    style.css

    .test
{
    font-size: 48pt;
    animation: 2s blink steps(1) infinite;  
}

@keyframes blink
{
    0% { color: red; }
    25% { color: yellow; }
    50% { color: green; }
    75% { color: blue; }
    100% {color: red; }
}
    • 0