transition-duration প্রপার্টি

transition-duration প্রপার্টিটি transition-এর মসৃণ পরিবর্তনের সময় নির্ধারণ করে।

সিনট্যাক্স

cssসিলেক্টর {
  transition-duration: s বা ms-এ সময়;
}

মানসমূহ

ডিফল্ট মান: 0s।

উদাহরণ

ব্লকের উপর মাউস নিন - এটি 2 সেকেন্ডে তার প্রস্থ ধীরে ধীরে পরিবর্তন করবে।

html<div id="elem"></div>

css#elem {
  transition-duration: 2s;
  transition-property: width;
  border: 1px solid black;
  height: 50px;
  width: 100px;
}
#elem:hover {
  width: 400px;
}

Результат:

আরও দেখুন