CSS3 एनिमेशन @keyframes

कीफ़्रेम CSS3 में मध्यवर्ती एनिमेशन चरणों को नियंत्रित करते हैं।

आइए कीफ्रेम सिंटैक्स के साथ ऊंचाई, चौड़ाई, रंग, नाम और एनीमेशन की अवधि दिखाने के लिए एक उदाहरण देखें

@keyframes animation {
   from {background-color: pink;}
   to {background-color: green;}
}
div {
   width: 100px;
   height: 100px;
   background-color: red;
   animation-name: animation;
   animation-duration: 5s;
}