CSS रूपांतरण प्रयोगशाला
छह सीमित संख्यात्मक नियंत्रणों से उसी CSS transform घोषणा का स्थानीय पूर्वावलोकन और प्रतिलिपि बनाएँ।
CSS रूपांतरण प्रयोगशाला
स्थानांतरण −500 से 500 px, घुमाव −360 से 360 डिग्री, समान आकार 0–5 और दोनों तिरछे कोण −80 से 80 डिग्री हैं। खाली नहीं, परिमित संख्या चाहिए; दशमलव स्वीकार हैं। शून्य आकार कार्ड को संकुचित करता है। अमान्य इनपुट कार्ड छिपाता, पुरानी CSS हटाता और कॉपी बंद करता है।
घोषणा क्रम हमेशा translate, rotate, scale, skewX, skewY है। CSS संयोजन में बिंदुओं पर सबसे दायाँ फ़ंक्शन पहले लागू होता है। मूल बिंदु 100 × 100 CSS-पिक्सेल कार्ड का केंद्र है। अलग गणितीय चित्र नहीं बनाया जाता। ब्राउज़र सीमित क्षेत्र में द्वि-आयामी CSS दिखाता है; बाहर की सामग्री कटती है। त्रि-आयामी रूपांतरण, परिप्रेक्ष्य, क्रम बदलाव या भौतिक मापन नहीं। इनपुट अपलोड नहीं होता।
उपयोग कैसे करें
उपयोग कैसे करें
- क्षैतिज/ऊर्ध्वाधर स्थानांतरण, घुमाव, समान आकार और दोनों दिशाओं का तिरछापन तय करें।
- द्वि-आयामी पूर्वावलोकन और बनी CSS घोषणा देखें।
- घोषणा कॉपी करें या सभी नियंत्रण रीसेट करें।
निश्चित घोषणा क्रम
घोषणा क्रम हमेशा translate, rotate, scale, skewX, skewY है। CSS संयोजन में बिंदुओं पर सबसे दायाँ फ़ंक्शन पहले लागू होता है। मूल बिंदु 100 × 100 CSS-पिक्सेल कार्ड का केंद्र है। अलग गणितीय चित्र नहीं बनाया जाता।
परिमित संख्या सीमा
स्थानांतरण −500 से 500 px, घुमाव −360 से 360 डिग्री, समान आकार 0–5 और दोनों तिरछे कोण −80 से 80 डिग्री हैं। खाली नहीं, परिमित संख्या चाहिए; दशमलव स्वीकार हैं। शून्य आकार कार्ड को संकुचित करता है। अमान्य इनपुट कार्ड छिपाता, पुरानी CSS हटाता और कॉपी बंद करता है।
पूर्वावलोकन सीमा
ब्राउज़र सीमित क्षेत्र में द्वि-आयामी CSS दिखाता है; बाहर की सामग्री कटती है। त्रि-आयामी रूपांतरण, परिप्रेक्ष्य, क्रम बदलाव या भौतिक मापन नहीं। इनपुट अपलोड नहीं होता।
अक्सर पूछे जाने वाले सवाल
आप यह भी जानना चाहेंगे
क्या फ़ंक्शन क्रम बदल सकते हैं?
नहीं। घोषणा क्रम निश्चित है; पूर्वावलोकन और कॉपी की CSS का क्रम एक ही है।
कार्ड क्यों गायब होता है?
शून्य आकार, बड़ा रूपांतरण जो सीमित क्षेत्र से बाहर ले जाए, या अमान्य इनपुट से कार्ड छिप सकता है।