अल्छी मान्छे को लागि CSS रूपान्तरण जेनरेटर।
इच्छित दृश्य प्राप्त गर्न स्केल सेट गर्नुहोस्, घुमाउनुहोस्, अनुवाद गर्नुहोस्, र स्क्यु गर्नुहोस् र लाइभ पूर्वावलोकन हेर्नुहोस्।
स्क्यू गुणको लागि चरम मानहरू सेट नगर्नुहोस् किनभने पूर्वावलोकनले सेटिङ प्यानललाई कभर गर्न सक्छ। यस अवस्थामा तपाईंले पृष्ठलाई रिफ्रेस गर्नुपर्नेछ।
स्केल, घुमाउनुहोस्, अनुवाद गर्नुहोस् र स्क्यू गर्नुहोस्
तपाईंले लक्षित तत्वलाई जुम इन र आउट गर्ने जस्तो स्केलले काम गर्छ। पूर्वनिर्धारित मापन मान 1 हो, जसले मूल आकारको गुणकको रूपमा काम गर्दछ। यसको मतलब ०.५ आधा हुन्छ जबकि २ ले खण्ड दोब्बर हुन्छ।
डिग्रीमा सेट गरिएको दोस्रो गुणसँग एलिमेन्टलाई घडीको दिशामा घुमाउनुहोस्। 180° ले घुमाउँदा वस्तुलाई उल्टो राख्छ जबकि 360° ले यसको मूल ठाडो स्थितिमा फर्कन्छ। कुनै पनि सकारात्मक वा नकारात्मक मान वा दशमलव पनि सेट गर्नुहोस्।
अनुवादले तत्वलाई यसको मूल स्थितिसँग सम्बन्धित पिक्सेलको साथ बदल्छ। X मान तेर्सो रूपमा जबकि Y ठाडो रूपमा घुमाउँदा विशेषता शून्य हुन्छ।
वस्तुहरूलाई तिनीहरूको तेर्सो (X) वा ठाडो (Y) एक्सलमा स्क्यु गर्नुहोस्।
CSS रूपान्तरण व्याख्या गरियो
रूपान्तरण CSS गुणले तपाईंलाई तत्व घुमाउन, स्केल गर्न, स्क्यु गर्न र अनुवाद गर्न दिन्छ। यसले CSS भिजुअल ढाँचा मोडेलको समन्वय स्थान परिमार्जन गर्दछ।
परिभाषा र प्रयोग
रूपान्तरण गुणले तत्वमा 2D वा 3D रूपान्तरण लागू गर्छ। यो गुणले तपाईंलाई घुमाउन, स्केल, सार्न, स्क्यु, आदि तत्वहरूलाई अनुमति दिन्छ।
ब्राउजर समर्थन
तालिकामा भएका संख्याहरूले पहिलो ब्राउजर संस्करण निर्दिष्ट गर्दछ जसले सम्पत्तिलाई पूर्ण रूपमा समर्थन गर्दछ।
-webkit-, -moz-, वा -o- पछिको नम्बरहरूले उपसर्गसँग काम गरेको पहिलो संस्करण निर्दिष्ट गर्दछ।
वाक्य रचना
transform: none|transform-functions|initial|inherit;
