Animate CSS margin property

CSSWeb DevelopmentFront End Technology

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

Example

Live Demo

<!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>
raja
Published on 07-Jun-2018 15:26:06
Advertisements