परिवर्तन के बीच अंतर: अनुवाद और स्थिति: सापेक्ष ;?

Question

शीर्षक के अनुसार, ट्रांसफॉर्म के बीच अंतर क्या हैं: अनुवाद (एक्स, वाई) और स्थिति: सापेक्ष।

चूंकि वे दोनों एक ही चीज़ (स्थिति तत्व) को पूरा करते हैं, फिर भी वे उद्देश्य और एप्लिकेशन में भिन्न कैसे होते हैं?

मैंने "ट्रांसफॉर्म: अनुवाद;" का उपयोग करके तत्वों को केंद्रित करने के बारे में एक लेख पढ़ा ने कहा कि GPU और ऑप्टिमाइज़ेशन कारण के कारण "ट्रांसफॉर्म" का उपयोग करना बेहतर है, लेकिन मुझे वास्तव में समस्या दिखाई नहीं दे रही है क्योंकि यह एक बड़ा सौदा नहीं है, भले ही आप किसी तत्व को फिर से पोजीशन कर रहे हों और इसे एनिमेट न करें।

तो अंत में, वे दोनों अलग-अलग और किस तरह से हैं?

Answer 1

मूल रूप से translateCSS3 2D Transforms पर निर्भर करता है जबकि position संपत्ति CSS2 level है।

ब्राउज़र में समर्थन करने वाले यह कहा गया है कि translate का उपयोग कर ब्राउज़र की पूरी चित्रमय peformance को बढ़ावा देंगे,

लेकिन सभी ब्राउज़र इसका समर्थन करते हैं,

तो

यदि आप बड़े पैमाने पर ब्राउज़र समर्थन देने के लिए परवाह सीएसएस 2 स्थिति निश्चित रूप से बेहतर है,

जबकि transform:translate() भविष्य है।