CSS transition-duration প্রতিভাত্ত্ব
- পূর্ববর্তী পৃষ্ঠা transition-delay
- পরবর্তী পৃষ্ঠা transition-property
সংজ্ঞা ও ব্যবহার
transition-duration বৈশিষ্ট্য ট্রানজিশন ইফেক্টটি সম্পন্ন করতে প্রয়োজনীয় সময় (সেকেন্ড অথবা মিলিসেকেন্ডের মাধ্যমে) নির্ধারণ করে।
অন্যান্য দেখুন:
CSS শিক্ষা:CSS পার্থক্য
HTML DOM সংক্ষিপ্ত গাইড:transitionDuration বৈশিষ্ট্য
উদাহরণ
ট্রানজিশন ইফেক্টটি 5 সেকেন্ড ধরে চলবে:
div {
transition-duration: 5s;
}
CSS সংজ্ঞা
transition-duration: time;
প্রতিভূতি
| মান | বর্ণনা |
|---|---|
| time |
ট্রানজিশন ইফেক্টটি সম্পন্ন করতে প্রয়োজনীয় সময় (সেকেন্ড অথবা মিলিসেকেন্ডের মাধ্যমে) নির্ধারণ করে। ডিফল্ট মান 0, যার মানে কোনও প্রভাব হবে না。 |
টেকনিক্যাল বিবরণ
| ডিফল্ট মান: | 0 |
|---|---|
| উত্তরসূরীতা: | no |
| সংস্করণ: | CSS3 |
| JavaScript সংজ্ঞা: | object.style.transitionDuration="5s" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই বৈশিষ্ট্যটি যে প্রথম ব্রাউজার পর্যায়ে সম্পূর্ণরূপে সমর্থিত হয়েছে, তা উল্লেখ করেছে।
যেসব সংখ্যা -webkit-、-moz- অথবা -o- দ্বারা সম্পৃক্ত, তা প্রাথমিক সংস্করণের প্রিফিক্স ব্যবহার করা হয়েছে।
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
- পূর্ববর্তী পৃষ্ঠা transition-delay
- পরবর্তী পৃষ্ঠা transition-property
