Style transitionProperty বৈশিষ্ট্য
- পূর্ববর্তী পৃষ্ঠা transition
- পরবর্তী পৃষ্ঠা transitionDuration
- একটি স্তর উপরে ফিরুন HTML DOM Style অবজেক্ট
বিবরণ ও ব্যবহার
transitionProperty বৈশিষ্ট্যটি পরিবর্তন প্রভাবকে কোনো কোনো CSS বৈশিষ্ট্যের নাম দেয় (পরিবর্তন প্রভাব সংক্ষিপ্ত বৈশিষ্ট্যের কাজের সময় শুরু করবে)。
পরামর্শ:ব্যবহারকারী উপাদানের উপর মাউস লাগানোর সময়, সাধারণত পরিবর্তন প্রভাব দেখা যায়。
মন্তব্য:সর্বদা transitionDuration বৈশিষ্ট্যঅন্যথায় সময়সীমা 0, পরিবর্তন প্রভাব অকার্যকর হবে。
অন্যান্য দেখুন
CSS সংক্ষিপ্ত হান্ডবুকtransition-property বৈশিষ্ট্য
উদাহরণ
div উপাদানের উপর মাউস লাগানোর মাধ্যমে ক্রমবর্ধমানভাবে এই প্রসার ও উচ্চতা পরিবর্তন করুন:
document.getElementById("myDIV").style.transitionProperty = "width,height";
সিম্বল
transitionProperty বৈশিষ্ট্য ফলাফল:
object.style.transitionProperty
transitionProperty বৈশিষ্ট্য সংযোজন:
object.style.transitionProperty = "none|all|property|initial|inherit"
বৈশিষ্ট্য মান
| মান | বর্ণনা |
|---|---|
| none | কোনো বৈশিষ্ট্যকে পরিবর্তন প্রভাব দেওয়া হবে না。 |
| all | ডিফল্ট মান। সকল বৈশিষ্ট্যকে পরিবর্তন প্রভাব দেওয়া হবে。 |
| property | পরিবর্তন প্রভাব সৃষ্টির CSS বৈশিষ্ট্যের নামের তালিকা, কমা দিয়ে বিভক্ত হয়েছে। |
| initial | এই বৈশিষ্ট্যটির ডিফল্ট মান নিতে। দেখুন initial。 |
| inherit | এই বৈশিষ্ট্যটি পারিতোষক উপাদান থেকে উত্তরসূরী করুন। দেখুন inherit。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | all |
|---|---|
| ফলাফল: | শব্দসারণ, যা প্রতিটি উপাদানের transition-property বৈশিষ্ট্য。 |
| CSS সংস্করণ: | CSS3 |
ব্রাউজার সমর্থন
তালিকায় সংখ্যা এই লক্ষ্য প্রতিষ্ঠানটি এই বৈশিষ্ট্যটি সম্পূর্ণরূপে সমর্থনকারী ব্রাউজারের সংস্করণটি উল্লেখ করে।
| Chrome | Edge | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| Chrome | Edge | ফায়ারফক্স | স্যাফারি | ওপেরা |
| 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- পূর্ববর্তী পৃষ্ঠা transition
- পরবর্তী পৃষ্ঠা transitionDuration
- একটি স্তর উপরে ফিরুন HTML DOM Style অবজেক্ট
