CSS3 অ্যানিমেশন @keyframes

Keyframes CSS3-এ মধ্যবর্তী অ্যানিমেশন স্টেপগুলো নিয়ন্ত্রণ করে।

নিচে keyframes সিনট্যাক্স দিয়ে অ্যানিমেশনের height, width, color, name, এবং duration দেখানোর একটি উদাহরণ দেওয়া হলো:

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