Automatic fade in fade out of divs to make it blink - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Div

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Div

Description

Automatic fade in fade out of divs to make it blink

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <style>
div {<!--from  w ww.j a v a  2s . co m-->
   animation:fdio  3s infinite;
   background:gray;
}

@keyframes fdio  {
   50% {
      opacity:0;
   }

}
</style> 
 </head> 
 <body translate="no"> 
  <div>
    text 
  </div>  
 </body>
</html>

Related Tutorials