आलसी लोगों के लिए CSS ट्रांसफॉर्म जनरेटर।
पैमाना सेट करें, घुमाएँ, अनुवाद करें और तिरछा करें और वांछित दृश्य प्राप्त करने के लिए लाइव पूर्वावलोकन देखें।
तिरछी संपत्ति के लिए चरम मान सेट करने से बचें क्योंकि पूर्वावलोकन सेटिंग पैनल को कवर कर सकता है। ऐसी स्थिति में आपको पेज को रिफ्रेश करना होगा।
स्केल करें, घुमाएं, अनुवाद करें और तिरछा करें
स्केल काम करता है जैसे आप लक्षित तत्व को ज़ूम इन और आउट करेंगे। डिफ़ॉल्ट स्केल मान 1 है, जो मूल आकार के गुणक के रूप में कार्य करता है। इसका मतलब है कि 0.5 आधा है जबकि 2 सेक्शन को दोगुना करता है।
डिग्री में सेट की गई दूसरी संपत्ति के साथ तत्व को दक्षिणावर्त घुमाएं। 180° के साथ मुड़ने से वस्तु उलटी हो जाती है जबकि 360° टेक अपनी मूल सीधी स्थिति में वापस आ जाती है। कोई भी सकारात्मक या नकारात्मक मान या दशमलव भी सेट करें।
अनुवाद तत्व को उसकी मूल स्थिति से संबंधित पिक्सेल के साथ स्थानांतरित करता है। X मान क्षैतिज रूप से जबकि Y लंबवत रूप से घुमाए जाने पर विशेषता शून्य है।
वस्तुओं को उनके क्षैतिज (X) या ऊर्ध्वाधर (Y) धुरा पर तिरछा करें।
सीएसएस ट्रांसफॉर्म समझाया गया
ट्रांसफॉर्म सीएसएस संपत्ति आपको किसी तत्व को घुमाने, स्केल करने, तिरछा करने और उसका अनुवाद करने देती है। यह CSS विज़ुअल स्वरूपण मॉडल के समन्वय स्थान को संशोधित करता है।
परिभाषा और उपयोग
ट्रांसफ़ॉर्म प्रॉपर्टी किसी तत्व पर 2डी या 3डी ट्रांसफ़ॉर्मेशन लागू करती है। यह गुण आपको तत्वों को घुमाने, स्केल करने, स्थानांतरित करने, तिरछा करने आदि की अनुमति देता है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
-वेबकिट-, -मोज़-, या -ओ- के बाद नंबर एक उपसर्ग के साथ काम करने वाले पहले संस्करण को निर्दिष्ट करें।
वाक्य - विन्यास
transform: none|transform-functions|initial|inherit;
