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