3D ट्रांसफॉर्म फंक्शन्स की सूची
CSS3 में 3D ट्रांसफॉर्मेशन के लिए निम्नलिखित फंक्शन्स उपलब्ध हैं। इन्हें transform प्रॉपर्टी में उपयोग किया जाता है।
| फंक्शन | विवरण |
|---|---|
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | 16 मानों वाले 4x4 मैट्रिक्स से 3D ट्रांसफॉर्मेशन परिभाषित करता है |
translate3d(x, y, z) | x, y, z अक्षों के साथ 3D ट्रांसलेशन |
translateX(x) | केवल x-axis पर ट्रांसलेशन |
translateY(y) | केवल y-axis पर ट्रांसलेशन |
translateZ(z) | केवल z-axis पर ट्रांसलेशन |
scaleX(x) | x-axis पर स्केलिंग |
scaleY(y) | y-axis पर स्केलिंग |
scaleZ(z) | z-axis पर स्केलिंग (मूल तालिका में त्रुटि: scaleY दोबारा लिखा था) |
rotateX(angle) | x-axis के चारों ओर 3D रोटेशन |
rotateY(angle) | y-axis के चारों ओर 3D रोटेशन |
rotateZ(angle) | z-axis के चारों ओर 3D रोटेशन (2D rotate के समान) |
rotate3d(x, y, z, angle) | किसी भी 3D वेक्टर के चारों ओर रोटेशन |
perspective(n) | 3D ट्रांसफॉर्म्ड एलिमेंट के लिए पर्सपेक्टिव सेट करता है |
सुधार: मूल तालिका में scaleY(y) दो बार था (एक y-axis स्केलिंग के लिए, एक z-axis के लिए गलती से)। सही है scaleZ(z) z-axis स्केलिंग के लिए।
