Style transitionTimingFunction প্রতিভাত্ত্ব
- পূর্ববর্তী পৃষ্ঠা transitionDuration
- পরবর্তী পৃষ্ঠা transitionDelay
- একত্রিত স্তরে ফিরে যান HTML DOM Style অবজেক্ট
পরিভাষা এবং ব্যবহার
transitionTimingFunction বৈশিষ্ট্যটি পার্থক্য প্রভাবের গতি কার্যকর করে。
এই বৈশিষ্ট্যটি পার্থক্য প্রভাবকে তার স্থায়ীত্বকালের মধ্যে পরিবর্তন করতে অনুমতি দেয়。
অন্যান্য দেখুন:
CSS সংরক্ষণপত্রtransition-timing-function বৈশিষ্ট্য
উদাহরণ
পার্থক্য প্রভাবের গতি কার্যকর করুন:
document.getElementById("myDIV").style.transitionTimingFunction = "linear";
সংজ্ঞা
transitionTimingFunction বৈশিষ্ট্য ফলাফল নির্ধারণ করুন:
object.style.transitionTimingFunction
transitionTimingFunction বৈশিষ্ট্য সমায়ায়িত করুন:
object.style.transitionTimingFunction = "ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|initial|inherit"
বৈশিষ্ট্য মান
| মান | বর্ণনা |
|---|---|
| ease |
ডিফল্ট মান। ধীরে শুরু, এবং পরে দ্রুত, শেষে ধীরে শেষ হওয়া পার্থক্য প্রভাব নির্ধারণ করে。 সমান: cubic-bezier(0.25, 0.1, 0.25, 1) 。 |
| linear |
শুরু থেকে শেষ পর্যন্ত একই গতিতে পার্থক্য প্রভাব নির্ধারণ করে。 সমান: cubic-bezier(0, 0, 1, 1) 。 |
| ease-in |
ধীরে শুরু হওয়া পার্থক্য প্রভাব নির্ধারণ করে。 সমান: cubic-bezier(0.42, 0, 1, 1) 。 |
| ease-out |
ধীরে শেষ হওয়া পার্থক্য প্রভাব নির্ধারণ করে。 সমান: cubic-bezier(0, 0, 0.58, 1) 。 |
| ease-in-out |
ধীরে শুরু এবং ধীরে শেষ হওয়া পার্থক্য প্রভাব নির্ধারণ করে。 সমান: cubic-bezier(0.42, 0, 0.58, 1) 。 |
| cubic-bezier(n, n, n, n) |
তিনটি বেজেল ফাংশনের মধ্যে আপনার নিজস্ব মান নির্ধারণ করুন。 সম্ভাব্য মানগুলো 0 থেকে 1-এর মধ্যে নম্বরগুলোর হয়。 |
| initial | এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে সমায়ায়িত করুন। দেখুন initial. |
| inherit | এই বৈশিষ্ট্যটি তার পিতৃত্ব উপাদান থেকে উত্তরণ করা হয়। দেখুন inherit. |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | ease |
|---|---|
| ফলাফল: | শব্দ, যা উপাদানের transition-timing-function বৈশিষ্ট্য. |
| CSS সংস্করণ: | CSS3 |
ব্রাউজার সমর্থন
তালিকায় সমস্ত ব্রাউজারগুলোর প্রথম সংস্করণ যা এই বৈশিষ্ট্যকে সম্পূর্ণরূপে সমর্থন করে, তার সংখ্যা উল্লেখ করা হয়েছে。
| Chrome | Edge | Firefox | Safari | অপেরা |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | অপেরা |
| 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- পূর্ববর্তী পৃষ্ঠা transitionDuration
- পরবর্তী পৃষ্ঠা transitionDelay
- একত্রিত স্তরে ফিরে যান HTML DOM Style অবজেক্ট
