🔄 एक टूलकिट,
प्रत्येक डिज़ाइन कार्य

CSS ट्रांसफॉर्म जेनरेटर

CSS ट्रांसफॉर्म को विज़ुअलाइज़ और जेनरेट करें — रोटेट, स्केल, ट्रांसलेट और स्क्यू, लाइव इंटरैक्टिव प्रीव्यू के साथ। संपूर्ण transform प्रॉपर्टी तुरंत कॉपी करें।

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🔄 CSS ट्रांसफॉर्म जेनरेटर

सीएसएस ट्रांसफॉर्म गाइड

सीएसएस रूपांतरण दस्तावेज़ प्रवाह को प्रभावित किए बिना तत्वों की स्थिति, आकार और अभिविन्यास को बदलता है। रोटेट, स्केल, ट्रांसलेशन और स्क्यू को एक ही ट्रांसफ़ॉर्म प्रॉपर्टी में जोड़ा जा सकता है, और वे सीएसएस ट्रांज़िशन के साथ आसानी से एनिमेट होते हैं।

वास्तविक समय में लागू प्रत्येक परिवर्तन को देखने के लिए स्लाइडर्स को खींचें। धराशायी आयत मूल स्थिति दिखाता है जबकि ठोस कार्ड परिवर्तित परिणाम दिखाता है। जब आप संतुष्ट हों तो पूर्ण परिवर्तन मान की प्रतिलिपि बनाएँ।

Pro Tips

Frequently Asked Questions

Q: अनुवाद और स्थिति में क्या अंतर है?
अनुवाद और स्थिति में क्या अंतर है? अनुवाद लेआउट प्रवाह को बदले बिना किसी तत्व को दृश्य रूप से स्थानांतरित करता है। स्थिति (ऊपर/बाएं) तत्व को प्रवाह से हटा देती है या सहोदरों को स्थानांतरित कर देती है। अनुवाद भी GPU-त्वरित और चेतन करने में तेज़ है।
Q: क्या परिवर्तन लेआउट को प्रभावित करता है?
क्या परिवर्तन लेआउट को प्रभावित करता है? नहीं, रूपांतरित तत्व दस्तावेज़ प्रवाह में अपना मूल स्थान बनाए रखते हैं, इसलिए ओवरलैपिंग और ओवरफ़्लो आम हैं - स्थान आरक्षित करने के लिए मार्जिन या पैडिंग का उपयोग करें।
Q: क्या मैं अनेक परिवर्तनों को जोड़ सकता हूँ?
क्या मैं अनेक परिवर्तनों को जोड़ सकता हूँ? हां, उन्हें एक संपत्ति में स्थान-पृथक सूचीबद्ध करें: ट्रांसफॉर्म: ट्रांसलेशनएक्स (10 पीएक्स) रोटेट (45 डिग्री) स्केल (1.2); वे समन्वय प्रणाली में दाएँ से बाएँ लागू होते हैं।
Q: मेरा घुमाया गया तत्व धुंधला क्यों है?
मेरा घुमाया गया तत्व धुंधला क्यों है? गैर-90-डिग्री कोणों पर घूमने से एंटी-एलियासिंग कलाकृतियाँ उत्पन्न होती हैं। एक छोटा स्केल (1.001) जोड़ने या विल-चेंज: ट्रांसफॉर्म का उपयोग करने से कुछ ब्राउज़रों में मदद मिल सकती है।
Q: क्या ट्रांसफ़ॉर्म एनीमेशन के साथ काम करता है?
क्या ट्रांसफ़ॉर्म एनीमेशन के साथ काम करता है? हाँ, परिवर्तन चेतन करने के लिए सबसे सस्ते गुणों में से एक है। @कीफ़्रेम या ट्रांज़िशन के साथ युग्मित करें - GPU कंपोज़िटिंग इसे मोबाइल पर भी सुचारू बनाता है।

भारतीय रंग

केसरिया से लेकर नील तक, भारतीय रंग त्योहारों, वस्त्रों और प्रकृति से जन्मे हैं। होली के गुलाल, मेंहदी की हरियाली और मंदिरों का सिंदूरी — हर रंग की एक कहानी है।

केसरिया #FF9933

तिरंगे का केसरिया — साहस और बलिदान का प्रतीक

हरा #138808

तिरंगे का हरा — उर्वरता और समृद्धि

अशोक चक्र नीला #000080

तिरंगे के केंद्र में धर्म चक्र का नीला

गुलाबी #FF007F

जयपुर का गुलाबी शहर और राजस्थानी पगड़ियाँ

हल्दी #E3A857

हल्दी का पीला — शुभता और विवाह का रंग

गेरू #CC7722

साधुओं के वस्त्र और मंदिरों का मिट्टी रंग

नील #4B0082

प्राचीन भारत का नील रंग — नील की खेती से

सिंदूरी #E34234

सिंदूर का लाल — सुहाग और शक्ति का प्रतीक

गेंदा #FFA500

गेंदे के फूलों का नारंगी — पूजा और त्योहार

मेहंदी #6B8E23

मेहंदी की हरियाली — शादी और तीज का रंग

Q: केसरिया रंग क्या है?
केसरिया रंग क्या है? केसरिया (#FF9933) भारत के राष्ट्रीय ध्वज का सबसे ऊपरी रंग है, जो साहस और बलिदान का प्रतीक है। यह केसर (saffron) से बना रंग है जो साधुओं के वस्त्रों में भी दिखता है।
Q: होली के रंग क्या हैं?
होली के रंग क्या हैं? होली में गुलाल के गुलाबी (#FF007F), पीला (#FFD700) और हरा (#138808) प्रमुख हैं। ये रंग वसंत, प्रेम और नई फसल के उत्सव का प्रतीक हैं।