Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS3 2D ट्रांसफ़ॉर्म फ़ंक्शंस के साथ कार्य करना

<घंटा/>

2डी ट्रांस्फ़ॉर्म का उपयोग एलिमेंट स्ट्रक्चर को ट्रांसलेट, रोटेट, स्केल और स्क्यू के रूप में फिर से बदलने के लिए किया जाता है।

कुछ 2D ट्रांसफ़ॉर्म फ़ंक्शन निम्नलिखित हैं -

<टेबल> <थहेड> क्रमांक मूल्य और विवरण 1 <टीडी>मैट्रिक्स(एन,एन,एन,एन,एन,एन)
छह मानों के साथ मैट्रिक्स रूपांतरण को परिभाषित करने के लिए प्रयुक्त होता है
2 अनुवाद करें(x,y)
एक्स-अक्ष और वाई-अक्ष के साथ तत्व को बदलने के लिए प्रयुक्त होता है
3 अनुवादX(n)
एक्स-अक्ष के साथ तत्व को बदलने के लिए प्रयुक्त होता है
4 अनुवादY(n)
तत्व को y-अक्ष के साथ बदलने के लिए प्रयुक्त होता है
5 <टीडी>स्केल(एक्स,वाई)
तत्व की चौड़ाई और ऊंचाई को बदलने के लिए उपयोग किया जाता है
6 <टीडी>स्केलएक्स(एन)
तत्व की चौड़ाई बदलने के लिए प्रयुक्त

CSS3 में 2D ट्रांसफ़ॉर्म फ़ंक्शन दिखाने वाला कोड निम्नलिखित है -

उदाहरण

2D ट्रांसफ़ॉर्म फ़ंक्शन
ROTATE
SKEW


SCALE


Translate

 
आउटपुट
 

 उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
 

 CSS3 2D ट्रांसफ़ॉर्म फ़ंक्शंस के साथ कार्य करना
  1. CSS3 फ़िल्टर प्रभाव के साथ कार्य करना

    CSS3 में फ़िल्टर प्रभाव सेट करने के लिए, फ़िल्टर गुण का उपयोग करें। निम्नलिखित फ़िल्टर प्रभाव सेट किए जा सकते हैं - धुंधला () | चमक () | कंट्रास्ट () | ग्रेस्केल () | उलटा () | अस्पष्टता () | संतृप्त () | यूआरएल (); CSS3 में फ़िल्टर प्रभाव का उपयोग करने के लिए कोड निम्नलिखित है - उदाहरण img{ मार्जि

  1. CSS3 के 3D ट्रांसफ़ॉर्म फ़ंक्शंस के साथ कार्य करना

    3डी ट्रांस्फ़ॉर्म का उपयोग करके, हम तत्व को x-अक्ष, y-अक्ष और z-अक्ष में स्थानांतरित कर सकते हैं। CSS3 3D Transform के कुछ तरीके निम्नलिखित हैं - नीचे दी गई विधियों का उपयोग 3D रूपांतरणों को कॉल करने के लिए किया जाता है - क्रमांक मूल्य और विवरण 1 matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)

  1. CSS में 2D ट्रांसफ़ॉर्म फ़ंक्शंस

    2D ट्रांसफ़ॉर्म फ़ंक्शन का उपयोग 2D ट्रांसफ़ॉर्मेशन को लागू करने के लिए किया जाता है जिसे किसी तत्व में घुमाया जा सकता है, स्थानांतरित किया जा सकता है, स्केल किया जा सकता है और तिरछा किया जा सकता है। अनुवाद करें - किसी तत्व को x और y अक्ष पर ले जाने के लिए। पैमाना - x y दिशा में तत्व का आकार ब