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

CSS3 स्केल 3 डी () फ़ंक्शन

<घंटा/>

स्केल 3 डी () फ़ंक्शन का उपयोग 3 डी स्पेस में किसी तत्व को स्केल करने के लिए किया जाता है। एलिमेंट को पैरामीटर के रूप में सेट की गई संख्याओं के आधार पर बढ़ाया जाता है।

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
.scale3d_img {
   transform: scale3d(0.5, 1, 1.7);
}
</style>
</head>
<body>
<h1>Learn</h1>
<p>Learn Apache Spark</p>
<img class="scale3d_img" src=
"https://www.tutorialspoint.com/apache_spark/images/apache-spark-mini-logo.jpg"
alt="Apache Spark">
</body>
</html>

आउटपुट

CSS3 स्केल 3 डी () फ़ंक्शन

उदाहरण

आइए अब एक और उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
.scale3d_img {
   transform: scale3d(-1.4, 0.4, 0.7);
}
</style>
</head>
<body>
<h1>Learn</h1>
<p>Learn Apache Spark</p>
<img class="scale3d_img" src=
"https://www.tutorialspoint.com/apache_spark/images/apache-spark-mini-logo.jpg"
alt="Apache Spark">
</body>
</html>

आउटपुट

CSS3 स्केल 3 डी () फ़ंक्शन


  1. CSS3 रोटेट3डी () फंक्शन

    CSS में रोटेट3d () फंक्शन का उपयोग किसी एलिमेंट को 3D स्पेस में रोटेट करने के लिए किया जाता है। रोटेट3d() के पैरामीटर के रूप में रोटेशन की मात्रा और कोण सेट करें। उदाहरण आइए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> .demo {    transform: rotate3d(1, 1

  1. सीएसएस अनुवाद () फ़ंक्शन

    CSS में ट्रांसलेट () फ़ंक्शन का उपयोग किसी तत्व को क्षैतिज और लंबवत दिशा में स्थानांतरित करने के लिए किया जाता है। उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> #demo1 {background-color: hsla(140, 100%, 50%, 0.8);} #demo2 {background-color: hsla(130,

  1. HTML में तत्व की चौड़ाई निर्धारित करें

    चौड़ाई का उपयोग करें किसी तत्व की चौड़ाई निर्धारित करने के लिए HTML में विशेषता। आप निम्नलिखित तत्वों के साथ विशेषता का उपयोग कर सकते हैं - , , , , , आदि। उदाहरण आप चौड़ाई को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं HTML में विशेषता - <!DOCTYPE HTML> <html>