Use Animation transition to change background color - HTML CSS CSS

HTML CSS examples for CSS:Animation

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

Description

Use Animation transition to change background color

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <style>
div {<!--from   w w  w  .ja  va  2  s. c  om-->
   background-color:Chartreuse;
   height:201px;
   width:100px;
   animation:fontbulger 3s infinite;
}

@keyframes fontbulger  {
   0% {
      background-color:yellow;
   }
   
   50% {
      background-color:blue;
   }
   
   100% {
      background-color:pink;
   }

}
</style> 
  <title>test</title> 
 </head> 
 <body> 
  <div></div>  
 </body>
</html>

Related Tutorials