%45 تخفیف، با کد daneshjoo روی تمام آموزش ها، بمناسبت روز دانشجو
زمان باقی مانده (آخرین فرصت)
سبد (0)

تبلیغات

خصوصیت animation-duration

مثال (خصوصیت animation-duration)

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

animation-duration:2s;
-webkit-animation-duration:2s; /* Safari and Chrome */
خودتان امتحان کنید »

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

Internet Explorer Firefox Opera Google Chrome Safari

مرورگرهای 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)

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی