CSS3 Animation @keyframes

Khung hình chính kiểm soát các bước hoạt ảnh trung gian trong CSS3.

Hãy để chúng tôi xem một ví dụ để hiển thị chiều cao, chiều rộng, màu sắc, tên và thời lượng của hoạt ảnh với cú pháp khung hình chính

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