Make text blink flash with animation by changing text color - HTML CSS CSS

HTML CSS examples for CSS:Animation

  1. HOME
  2. HTML CSS
  3. CSS
  4. Animation

Description

Make text blink flash with animation by changing text color

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <title>  Michael Chambaud</title> 
  <style>
.flash {<!--from  www. ja va  2  s  .com-->
   -webkit-animation-name:flash;
   -webkit-animation-duration:2s;
   -webkit-animation-iteration-count:infinite;
   -webkit-animation-timing-function:ease-in-out;
   -webkit-animation-direction:alternate;
}

@-webkit-keyframes flash  {
   from {
      color:Chartreuse;
   }
   
   to {
      color:yellow;
   }

}
</style> 
 </head> 
 <body translate="no"> 
  <p class="flash">Blink, blink</p>  
 </body>
</html>

Related Tutorials