CSS animation-name प्रॉपर्टी

@keyframes एनिमेशन का नाम सेट करने के लिए animation-name प्रॉपर्टी का उपयोग करें।

animation-name प्रॉपर्टी लागू करने के लिए निम्न कोड चलाकर देखें:

उदाहरण

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