نمونه کد

یک نمونه ساده از خاصیت keyframes@:

آزمایشگاه

تعریف و کاربرد

قانون keyframes کد و نام انیمیشن را تعیین می کند.

در ابتدای سند های خود، استایل های مختلف را می توانید برای انیمیشن خود مشخص کنید و سپس انیمیشن خود را با keyframes فعال کنید.

نکته:  شما می توانید چندین keyframes برای چندین انیمیشن داشته باشید.

سازگاری با مرورگر

اعدادی که در فیلد های مرورگر ها درج شده اند، بیانگر ورژن ساپورت کننده خاصیت keyframes@ هستند.

# کروم ادج فایرفاکس سافاری اپرا
@keyframes

شیوه نگارش

مقادیر

مقادیر توضیحات
animationname این مقدار بسیار ضروری است و نام انیمیشن را تعیین می کند.
keyframes-selector این مقدار بسیار ضروری است و درصد های مدت زمانی انیمیشن را تعیین می کند.
css-styles این مقدار بسیار ضروری است و چندین استایل css را برای انیمیشن اعمال می کند.

صفحات مرتبط

آموزش CSS: انیمیشن‌های CSS