Teach with us

Perform Animation on CSS color property

CSSWeb DevelopmentFront End Technology

To implement animation on the color property with CSS, you can try to run the following code

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 200px;
            height: 300px;
            background: white;
            border: 10px solid red;
            animation: myanim 3s infinite;
            bottom: 30px;
            position: absolute;
         }
         @keyframes myanim {
            20% {
               bottom: 100px;
               box-shadow: 30px 45px 70px orange;
               color: blue;
            }
         }
      </style>
   </head>
   <body>
      <h2>Performing Animation on color property</h2>
      <div>This is our demo div!</div>
   </body>
</html>
raja
George John
Updated on 25-Jun-2020 11:53:20

Previous Page Print Page Next Page  
Advertisements