CSS transition-property অপারেশন
- পূর্ববর্তী পৃষ্ঠা transition-duration
- পরবর্তী পৃষ্ঠা transition-timing-function
সংজ্ঞা ও ব্যবহার
transition-property প্রপার্টি পার্সোল করা হয়, যা এই CSS প্রপার্টিকে পরিবর্তন করে পার্সোল শুরু করে।
সুঝাওয়া:পার্সোল সাধারণত, ব্যবহারকারী মাউস পোইন্টারকে ইলেমেন্টের উপর লাগায় না হলে ঘটে।
মন্তব্য:সর্বদা সেট করুন transition-duration প্রপার্টি নামকরণ না করলে, সময়কাল 0 হলে, পার্সোল না হবে।
অন্যান্য দেখুন:
CSS শিক্ষাক্রম:CSS ট্রানজিশন
HTML DOM পরিচ্ছেদকৃত হান্ডবুক:transitionProperty প্রপার্টি
উদাহরণ
ডিভ ইলেমেন্টের উপর মাউস পোইন্টার রাখলে, সমস্ত ইলেমেন্ট প্রশস্ততা পরিবর্তনকারী সমস্ত পার্সোল হবে:
div {
transition-property: width;
}
CSS গণিত
transition-property: none|all|প্রপার্টি;
প্রপার্টি মান
| মান | বর্ণনা |
|---|---|
| none | কোনও প্রপার্টি পার্সোল হবে না。 |
| all | সমস্ত প্রপার্টিগুলি পার্সোল হবে। |
| প্রপার্টি | অ্যাপ্লিকেশন পার্সোলের কার্যকারিতা সম্পর্কিত CSS প্রতিশব্দ তালিকা, যা কমা দ্বারা বিভক্ত হয়েছে। |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | all |
|---|---|
| প্রবর্তন: | no |
| সংস্করণ: | CSS3 |
| JavaScript গণিত | object.style.transitionProperty="width,height" |
ব্রাউজার সমর্থন
ট্যাবলের সংখ্যাগুলি এই প্রক্রিয়াটির পূর্ণ সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে।
যে সংখ্যা সমূহকে -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-duration
- পরবর্তী পৃষ্ঠা transition-timing-function
