संपत्ति transition-duration

संपत्ति transition-duration संक्रमण transition के सहज परिवर्तन की अवधि निर्धारित करती है।

वाक्य - विन्यास

cssचयनकर्ता {
  transition-duration: s या ms में समय;
}

मान

मान	विवरण
`s`	सेकंड में समय निर्दिष्ट करता है (उदाहरण के लिए `3s`)। आंशिक मान निर्दिष्ट किए जा सकते हैं, उदाहरण के लिए, `0.5s` - आधा सेकंड।
`ms`	मिलीसेकंड में समय निर्दिष्ट करता है (उदाहरण के लिए `3ms`)। एक सेकंड `1000` मिलीसेकंड के बराबर होता है।

डिफ़ॉल्ट मान: 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;
}

Результат:

यह भी देखें

संपत्ति transition-property,
जो सहज परिवर्तन के लिए संपत्ति का नाम निर्धारित करती है
संपत्ति transition-delay,
जो सहज परिवर्तन से पहले देरी निर्धारित करती है
संपत्ति transition-timing-function,
जो सहज परिवर्तन के लिए समय समारोह निर्धारित करती है
संपत्ति transition,
जो सहज परिवर्तन के लिए एक संक्षिप्त रूप है
संपत्ति animation,
जिसकी सहायता से एनीमेशन बनाया जा सकता है