CSS clip प्रॉपर्टी पर एनिमेशन करें

clip प्रॉपर्टी एनिमेशन

clip प्रॉपर्टी पर CSS एनिमेशन लागू करें:

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        width: 200px; height: 300px; background: yellow;
        border: 10px solid red;
        animation: myanim 3s infinite;
        bottom: 30px; position: absolute;
        clip: rect(0,100px,50px,0);
      }
      @keyframes myanim {
        20% {
          bottom: 100px;
          clip: rect(0,150px,40px,0);
        }
      }
    </style>
  </head>
  <body>
    <h2>Performing Animation on clip property</h2>
    <div></div>
  </body>
</html>