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