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

CSS का उपयोग करके रेडियल ग्रेडिएंट का आकार निर्धारित करना

<घंटा/>

रेडियल ग्रेडिएंट का आकार सेट करने के लिए, रेडियल-ग्रेडिएंट () फ़ंक्शन का उपयोग करें। यह फ़ंक्शन पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करता है। फ़ंक्शन में पहला पैरामीटर नीचे दिखाए गए अनुसार इच्छित आकार के रूप में सेट किया जाना है -

background-image: radial-gradient(ellipse,rgb(217, 255, 0),rgb(255, 0, 0),rgb(14, 239, 255));

CSS का उपयोग करके रेडियल ग्रेडिएंट के आकार को सेट करने के लिए कोड निम्नलिखित है -

उदाहरण

<!DOCTYPE html>>
<html>
<head>
<style>
body {
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
#radial {
   height: 200px;
   width: 300px;
   background-image: radial-gradient(ellipse,rgb(217, 255, 0),rgb(255, 0, 0),rgb(14, 239,
   255));
}
</style>
</head>
<body>
<h1>Radial Gradient Shape Example</h1>
<div id="radial"></div>
</body>
</html>

आउटपुट

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


  1. प्रोग्रामिंग

    डेटा संरचना में अनुकूली विलय और छँटाई

    एडेप्टिव मर्ज सॉर्ट एडेप्टिव मर्ज सॉर्ट सॉर्ट किए गए सब-लिस्ट मर्ज सॉर्ट का मर्जिंग करता है। हालांकि, प्रारंभिक उप-सूची का आकार आकार 1 की उप-सूची होने के बजाय तत्वों की सूची के बीच क्रम के अस्तित्व पर निर्भर करता है। उदाहरण के लिए, चित्र में सूची पर विचार करें। इसमें 2 क्रमबद्ध उप-सूचियाँ होत

  1. C++

    किसी दिए गए बाइनरी ट्री में सबसे बड़ा BST सबट्री खोजें - C++ में 1 सेट करें

    इस समस्या में हमें एक बाइनरी ट्री BT दिया जाता है। हमारा काम है किसी दिए गए बाइनरी ट्री में सबसे बड़ा BST सबट्री ढूंढना । बाइनरी ट्री एक विशेष डेटा संरचना है जिसका उपयोग डेटा भंडारण उद्देश्यों के लिए किया जाता है। बाइनरी ट्री की एक विशेष शर्त होती है कि प्रत्येक नोड में अधिकतम दो बच्चे हो सकते हैं।

  1. Javascript

    मैं जावास्क्रिप्ट का उपयोग करके एक प्रिंट डायलॉग बॉक्स कैसे पॉप-अप कर सकता हूं?

    जावास्क्रिप्ट का उपयोग करके एक प्रिंट डायलॉग बॉक्स पॉप-अप करने के लिए, प्रिंट () विधि का उपयोग करें। डायलॉग बॉक्स के साथ, आप आसानी से प्रिंटिंग विकल्प सेट कर सकते हैं जैसे प्रिंटिंग के लिए कौन सा प्रिंटर चुनना है। यह डायलॉग बॉक्स है - उदाहरण पेज को प्रिंट करने का तरीका जानने के लिए आप निम्न कोड को