संक्रमण-अवधि - सीएसएस-ट्रिक्स

transition-durationसंपत्ति, सामान्य रूप से के हिस्से के रूप में इस्तेमाल किया transitionआशुलिपि, एक निर्दिष्ट संक्रमण की अवधि को परिभाषित किया जाता है। यही है, दो परिभाषित राज्यों के बीच संक्रमण के लिए लक्षित तत्व के लिए समय की लंबाई होगी।

.example ( transition-duration: 3s; )

मान निम्न में से एक हो सकता है:

• एक मान्य समय मान (सेकंड या मिलीसेकंड में परिभाषित)
• एक ही तत्व पर कई गुणों के संक्रमण के लिए समय मानों की एक अल्पविराम से अलग सूची

के लिए डिफ़ॉल्ट मान transition-durationहै 0s, जिसका अर्थ है कि कोई संक्रमण नहीं होगा और संपत्ति परिवर्तन तुरंत होगा, भले ही अन्य संक्रमण-संबंधी गुण परिभाषित किए गए हों। समय मान को अधिक सटीक समय के लिए दशमलव-आधारित संख्या के रूप में व्यक्त किया जा सकता है और नकारात्मक मानों की अनुमति नहीं है।

निम्नलिखित कोडपेन एक बॉक्स पर एक हॉवर प्रभाव दिखाता है जो धीरे-धीरे पृष्ठभूमि का रंग बदलने transition-durationके 1sलिए एक मूल्य का उपयोग करता है :

इस पेन को देखें!

सभी सहायक ब्राउज़रों में अनुकूलता के लिए, विक्रेता उपसर्गों की आवश्यकता होती है, अंतिम रूप से घोषित मानक सिंटैक्स के साथ:

.example ( -webkit-transition-duration: 700ms; -moz-transition-duration: 700ms; -o-transition-duration: 700ms; transition-duration: 700ms; )

IE10 (समर्थन करने के लिए IE का पहला स्थिर संस्करण transition-duration) -ms-उपसर्ग की आवश्यकता नहीं है ।

ब्राउज़र का समर्थन

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
काम करता है	काम करता है	4+	10.5+ है	10+	२.१+	३.२+