cssblog.ir logo
P

transition-duration

مدت زمان transition

این مشخصه مدت زمان اجرای transition های CSS را تعیین می‌کند و می‌توان با واحدهای ثانیه و میلی‌ثانیه آن را مقداردهی نمود

این مشخصه مانند transition-delay یک زیرمشخصه از transition است که می‌توان با استفاده از آن مدت زمان اجرایtransition را تعیین نمود.

منظور از مدت زمان اجرا، زمانی است که طول می‌کشد تا مشخصه‌های عنصر از یک حالت به حالتی دیگر تغییر وضعیت/حالت دهند.

مقادیر قابل قبول

مقادیری که این مشخصه قبول می‌کند همگی مقادیر زمانی با واحد ثانیه و میلی‌ثانیه هستند و همچنین برای عناصر دارای چندین transition می‌توان گروهی از مقادیر را وارد نمود. 

زمان

تعیین اعداد اعشاری یا صحیح با استفاده از واحدهای ثانیه و میلی‌ثانیه

مانند: 

لیستی از زمان ها

می‌توان با استفاده از کاما (,) مقدارهای زمان را جدا کرد و به ترتیب برایtransition های عنصر وارد نمود.

مانند:

div {
    transition-property: width, height;
    transition-duration: 2s, 1s;
    transition-timing-function: linear, linear;
}

پشتیبانی مرورگرها

پیشنهاد می شود که نگاهی به جدول پشتیبانی این مشخصه توسط مرورگرها داشته باشید و در صورت نیاز از vendor-prefix ها برای افزایش پشتیبانی از مرورگرها، استفاده کنید. مانند:

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند