Text Color Fill CSS Animation - HTML CSS CSS Animation

HTML CSS examples for CSS Animation:Text

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

Description

Text Color Fill CSS Animation

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <title>Simple color fill</title> 
  <style>

a {<!--from  w  ww .  j ava  2s  .  c  om-->
   color: #000;
   text-decoration: none;
   transition: all 0.5s;
   position: relative;
   overflow: hidden;
   display: block;
   backface-visibility: hidden;
   background: white;
   font-size:40px;
   transition:all 0.25s;
}
a:hover{
   color: red;
}


      </style> 
 </head> 
 <body translate="no"> 
  <a href="#" data-hover="Fill Color On Text">Fill Color On Text</a>  
 </body>
</html>

Related Tutorials