خصوصیت animation-duration

مثال

انیمیشن در 2 ثانیه کامل اجرا می شود:

		animation-duration:2s;

		-webkit-animation-duration:2s; /* Safari and Chrome */

خودتان امتحان کنید »

مرورگرهای Internet Explorer 10, Firefox, Opera خصوصیت animation-duration را پشتیبانی می کنند.

مرورگرهای Chrome و Safari به پیشوند -webkit- نیاز دارند.

توجه: مرورگر Internet Explorer 9 و نسخه های قبلی آن، این امکان را پشتیبانی نمی کند.

با استفاده از خصوصیت animation-duration می توانید زمان اجرای یک سیکل انیمیشن را مشخص نمایید.

این مقدار به ثانیه (s) یا میلی ثانیه (ms) تعیین می شود.

مقدار پیشفرض	0
ارث بری	خیر
نسخه	CSS3
JavaScript ساختار	object.style.animationDuration="3s"

		animation-duration: time;

مقدار	توضیحات	نمایش دادن
time	زمان اجرای یک سیکل انیمیشن به ثانیه یا میلی ثانیه، مقدار پیشفرض 0 است.	نمایش دادن »

CSS3 Animation (بیاموز CSS3)