transition-duration প্রপার্টি
transition-duration প্রপার্টিটি
transition-এর মসৃণ পরিবর্তনের সময় নির্ধারণ করে।
সিনট্যাক্স
সিলেক্টর {
transition-duration: s বা ms-এ সময়;
}
মানসমূহ
| মান | বর্ণনা |
|---|---|
s |
সেকেন্ডে সময় নির্দিষ্ট করে (যেমন 3s)।
ভগ্নাংশ মান নির্ধারণ করা যায়,
উদাহরণস্বরূপ, 0.5s - আধা সেকেন্ড।
|
ms |
মিলিসেকেন্ডে সময় নির্দিষ্ট করে (যেমন 3ms)।
এক সেকেন্ড হল 1000 মিলিসেকেন্ড।
|
ডিফল্ট মান: 0s।
উদাহরণ
ব্লকের উপর মাউস নিন - এটি 2 সেকেন্ডে তার
প্রস্থ ধীরে ধীরে পরিবর্তন করবে।
<div id="elem"></div>
#elem {
transition-duration: 2s;
transition-property: width;
border: 1px solid black;
height: 50px;
width: 100px;
}
#elem:hover {
width: 400px;
}
:
আরও দেখুন
-
transition-propertyপ্রপার্টি,
যা মসৃণ পরিবর্তনের জন্য প্রপার্টির নাম নির্দিষ্ট করে -
transition-delayপ্রপার্টি,
যা মসৃণ পরিবর্তনের আগে বিলম্ব নির্দিষ্ট করে -
transition-timing-functionপ্রপার্টি,
যা মসৃণ পরিবর্তনের জন্য টাইমিং ফাংশন নির্দিষ্ট করে -
transitionপ্রপার্টি,
যা মসৃণ পরিবর্তনের জন্য সংক্ষিপ্ত রূপ -
animationপ্রপার্টি,
যার মাধ্যমে অ্যানিমেশন তৈরি করা যায়
