किसी अन्य फ़ंक्शन के अंदर calc() का उपयोग कैसे करें

Question

क्या या translate जैसे सीएसएस फ़ंक्शन के अंदर calc() का उपयोग करना संभव है? मुझे यह काम नहीं मिल रहा है। यहाँ एक डेमो जाएगा, ताकि आप के आसपास खेल सकते हैं:

http://jsfiddle.net/qdJwY/1/

Answer 1

आप calc() का उपयोग कर सकते हैं जहां भी आप सीएसएस में लंबाई आधारित मान का उपयोग कर सकते हैं। आपके द्वारा प्रदान किया गया उदाहरण काम करता है, लेकिन वास्तव में 0 तक जोड़ता है। उदाहरण के लिए यहां थोड़ा बदल गया डेमो है: http://jsfiddle.net/joshnh/6ydR3/

इसके अलावा, अपरिक्स्ड संस्करण को अंतिम रूप से सूचीबद्ध करना सुनिश्चित करें।

एक ट्रांसफॉर्म के भीतर कैल्क() फ़ंक्शन में अन्य मान प्रकारों के साथ मिश्रित प्रतिशत क्रोम में बिल्कुल काम नहीं कर रहा है। मैं इसे एक बग के रूप में रिपोर्ट करूंगा।

अद्यतन: https://code.google.com/p/chromium/issues/detail?id=150054

Answer 2

यह काम करता है: http://jsfiddle.net/qdJwY/2/

(संपादित करें: फ़ायरफ़ॉक्स में परीक्षण किया गया केवल)

अपने उदाहरण में यह सिर्फ इतना है कि 100% = 200px, तो आप शून्य से अनुवादित है।