CSS column-rule प्रॉपर्टी पर एनिमेशन करें

कॉलम रूल एनिमेशन

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

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        width: 600px; height: 300px; background: white;
        border: 10px solid red;
        animation: myanim 3s infinite;
        bottom: 30px; position: absolute;
        column-count: 4;
      }
      @keyframes myanim {
        20% {
          bottom: 100px;
          box-shadow: 30px 45px 70px orange;
          column-rule: 10px inset red;
        }
      }
    </style>
  </head>
  <body>
    <h2>Performing Animation on column rule property</h2>
    <div>This is demo text! ...</div>
  </body>
</html>