Make blink text with animation - HTML CSS CSS Animation

HTML CSS examples for CSS Animation:Text

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

Description

Make blink text with animation

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <title>  Nes</title> 
  <style>

@-moz-keyframes animaciya {<!-- ww  w .j a  v  a2 s. c o  m-->
   from {background-color: #EF7877;}
   to {background-color: #dddd00;}
}
@-ms-keyframes animaciya {
   from {background-color: #EF7877;}
   to {background-color: #dddd00;}
}
@-webkit-keyframes animaciya {
   from { background-color: #EF7877; }
   to { background-color: #dddd00; }
}
.attention {
   -moz-animation: animaciya 0.5s ease-in-out 1s infinite alternate;
   -webkit-animation: animaciya 0.5s ease-in-out 1s infinite alternate;
   -ms-animation: animaciya 0.5s ease-in-out 1s infinite alternate;
}


      </style> 
 </head> 
 <body translate="no"> 
  <div class="attention">
    Pay attention 
  </div>  
 </body>
</html>

Related Tutorials