संक्रमण-संपत्ति - सीएसएस-ट्रिक्स

transition-propertyसंपत्ति, सामान्य रूप से के हिस्से के रूप में इस्तेमाल किया transitionआशुलिपि, क्या संपत्ति, या गुण को परिभाषित करने के लिए किया जाता है, आप के लिए एक संक्रमण प्रभाव लागू करना चाहते हैं।

यह संपत्ति का नाम मूल्य के रूप में प्रदान करके किया जाता है:

.example ( transition-property: color; )

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

• एक एकल संपत्ति का नाम, जैसा कि ऊपर दिए गए उदाहरण में है
• एक ही तत्व पर कई गुणों के संक्रमण के लिए संपत्ति के नाम (आशुलिपि या आशुलिपि) की अल्पविराम से अलग की गई सूची
• कीवर्ड none, जो इंगित करता है कि कोई भी संपत्ति संक्रमण नहीं करेगी
• कीवर्ड all, जो इंगित करता है कि सभी गुण संक्रमण करेंगे (डिफ़ॉल्ट)

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

युक्ति यह कहकर वर्णन करती है:

"(U) nrecognized या गैर-एनिमेटिड गुणों को सूचियों के मिलान को संरक्षित करने के लिए सूची में रखा जाना चाहिए।"

noneया सार्वभौमिक कीवर्ड के मान का उपयोग करते समय inheritया initial, इन मानों का उपयोग अल्पविराम से अलग की गई सूची के हिस्से के रूप में नहीं किया जा सकता है, अन्यथा इसके परिणामस्वरूप सिंटैक्स त्रुटि होगी और संपूर्ण पंक्ति को अनदेखा कर दिया जाएगा।

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

.example ( -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; )

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

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

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