অ্যানিমেশন হলো গতিশীল প্রভাব তৈরি করার প্রক্রিয়া যা উপস্থিতিতে পরিবর্তন আনে। CSS বিভিন্ন অ্যানিমেশন ইফেক্ট সমর্থন করে যাতে ইভেন্টের গতি পরিবর্তন করা যায়।
অ্যানিমেশনের अन्तর্ভুক্ত একটি ধারণা হলো Keyframes। CSS3-এ কীফ্রেম বোমiędzyের অ্যানিমেশন ধাপগুলো নিয়ন্ত্রণ করে।
নিচের উদাহরণে কীফ্রেম সিনট্যাক্সের সাথে অ্যানিমেশনের উঁচু, প্রস্থ, রং, নাম এবং সময়কাল দেখানো হলো:
সিনট্যাক্স
@keyframes animation { from {background-color: pink;} to {background-color: green;} } div { width: 100px; height: 100px; background-color: red; animation-name: animation; animation-duration: 5s; }
