تعریف و کاربرد
قانون keyframes کد و نام انیمیشن را تعیین می کند.
در ابتدای سند های خود، استایل های مختلف را می توانید برای انیمیشن خود مشخص کنید و سپس انیمیشن خود را با keyframes فعال کنید.
نکته: شما می توانید چندین keyframes برای چندین انیمیشن داشته باشید.
سازگاری با مرورگر
اعدادی که در فیلد های مرورگر ها درج شده اند، بیانگر ورژن ساپورت کننده خاصیت keyframes@ هستند.
| # | کروم | ادج | فایرفاکس | سافاری | اپرا | 
|---|---|---|---|---|---|
| @keyframes | 
شیوه نگارش
مقادیر
| مقادیر | توضیحات | 
|---|---|
| animationname | این مقدار بسیار ضروری است و نام انیمیشن را تعیین می کند. | 
| keyframes-selector | این مقدار بسیار ضروری است و درصد های مدت زمانی انیمیشن را تعیین می کند. | 
| css-styles | این مقدار بسیار ضروری است و چندین استایل css را برای انیمیشن اعمال می کند. | 
صفحات مرتبط
آموزش CSS: انیمیشنهای CSS