प्रौद्योगिकी साझेदारी

HTML(28)——स्थानिक परिवर्तन

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

अन्तरिक्षम् : निर्देशांक-अक्षकोणात् परिभाषिताः त्रयः निर्देशांक-अक्षाः XYZ त्रिविम-अन्तरिक्षं निर्मान्ति Z-अक्षस्य स्थितिः दृष्टिदिशायाः समाना भवति ।

अन्तरिक्षविकारः

भ्राष्ट्र

गुणाः : १.

  • परिवर्तन: अनुवाद3d (x, y, z);
  • परिवर्तन: अनुवाद एक्स ();
  • परिवर्तन: अनुवादY ();
  • परिवर्तनम्: अनुवादZ ();

मूल्यम् : पिक्सेल-एकक-मूल्यम्/प्रतिशतम्

पूर्वनिर्धारितरूपेण वयं Z अक्षस्य अनुवादं द्रष्टुं न शक्नुमः

दृष्टि दूरम्

कार्यम् : प्रेक्षकस्य z=0 विमानस्य च मध्ये दूरी निर्दिशति, तत्त्वे परिप्रेक्ष्यप्रभावं योजयति

परिप्रेक्ष्य प्रभावः विशालस्य समीपे, दूरं लघु, वास्तविकस्य समीपे दूरं च आभासी

गुणाः : १.(मातृपितृषु योजितम्, मूल्यपरिधिः ८००-१२००)

perspective: दृष्टि दूरी;

  1. <style>
  2. /*空间转换*/
  3. .father {
  4. perspective: 1000px;
  5. }
  6. .box {
  7. width: 200px;
  8. height: 200px;
  9. margin: 100px auto;
  10. background-color: blue;
  11. transition: all 0.5s;
  12. }
  13. .box:hover {
  14. transform: translateZ(-400px);
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div class="father">
  20. <div class="box"></div>
  21. </div>
  22. </body>

 

यदा मूषकः भ्रमति तदा निकट-बृहत्-दूर-लघु-प्रभावः उत्पद्यते, तथा च Z-अक्षः -400px गच्छति ।

 

परिभ्रमति

वामहस्तस्य नियमः : १.

गुणः - घूर्णनदिशानुसारं सकारात्मकं ऋणात्मकं वा मूल्यं निर्धारितं भवति । वामहस्तेन परिभ्रमणं दण्डं धारयतु, अङ्गुष्ठः सकारात्मकदिशि दर्शयति।अन्येषां अङ्गुलीनां नमनदिशा परिभ्रमणस्य सकारात्मकदिशा भवति

transform:rotateZ (मूल्य) 1।

transform:rotateX (मूल्य) 1।

transform:rotateY(मूल्य) २.