خاصیت animation در CSS3
پس از اینکه، انیمیشن را در قانون keyframes@ تعریف کردید، با استفاده از خاصیت animation آنرا به عنصر مورد نظرتان متصل کنید.
برای اتصال انیمیشن به یک عنصر، باید حداقل دو مقدار زیر را در خصوصیت animation تنظیم نمایید:
- نام انیمیشن
- مدت زمان انیمیشن
مثال (خاصیت animation در CSS3)
اتصال انیمیشن "myfirst" به عنصر <div>، با مدت زمان 5 ثانیه:
div
{
animation: myfirst 5s;
-webkit-animation: myfirst 5s; /* Safari and Chrome */
}
خودتان امتحان کنید »{
animation: myfirst 5s;
-webkit-animation: myfirst 5s; /* Safari and Chrome */
}
توجه: شما باید نام و مدت زمان انیمیشن را مشخص نمایید. در صورتی که هیچ زمانی داده نشود، انیمیشن اجرا نخواهد شد، چون زمان پیشفرض 0 ثانیه است.
