Computer >> Computer tutorials >  >> Programming >> CSS

Animate CSS margin property


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

Example

<!DOCTYPE html>
<html>
   <head>
      <style>
         p {
            animation: mymove 3s infinite;
            margin: 20px;
         }
         @keyframes mymove {
            70% {
               margin: 60px;
            }
         }
      </style>
   </head>
   <body>
      <p>This is demo text! This is demo text! This is demo text!
         This is demo text! This is demo text! This is demo text!
         This is demo text! This is demo text! This is demo text!
         This is demo text! This is demo text! This is demo text!
      </p>
   </body>
</html>