Rotate your phone or change to desktop for better experience

Rotate your phone or change to desktop for better experience

3. Program to demonstrate a keyframe animation. || mm3

  <!DOCTYPE html>

  <html>

  <head>

  <style>

  div {

   width: 100px;

    height: 100px;

    background: red;

    position: relative;

   animation: mymove 5s infinite;

 }

  

 @keyframes mymove {

   from {top: 0px;}

   to {top: 200px;}

 }

</style>

 </head>

 <body>

  

 <h1>The @keyframes Rule</h1>

  

 <div></div>

  

 </body>

 </html>

Post a Comment

0 Comments