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; }