कौन सी CSS प्रॉपर्टी एनिमेशन को अल्टरनेट साइकल में चलाती है?

एनिमेशन को अल्टरनेट दिशा में चलाने के लिए animation-direction प्रॉपर्टी का उपयोग करें। इस प्रॉपर्टी को alternate एनिमेशन वैल्यू के साथ उपयोग किया जाता है।

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 150px;             height: 200px;             background-color: yellow;             animation-name: myanim;             animation-duration: 2s;             animation-direction: alternate;             animation-iteration-count: 3;          }          @keyframes myanim {             from {                background-color: green;             }             to {                background-color: blue;             }          }       </style>    </head>    <body>       <div></div>    </body> </html>