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

CSS रेडियल ग्रेडिएंट्स के साथ अलग-अलग स्पेस वाले कलर स्टॉप बनाएं

<घंटा/>

रेडियल ग्रेडिएंट्स के साथ अलग-अलग स्पेस वाले कलर स्टॉप बनाने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 200px;
            background: radial-gradient(orange 20%, green 15%, yellow 50%);
         }
      </style>
   </head>
   <body>
      <h2>Radial Gradient</h2>
      <div id = "demo">Radial Gradients</div><br>
   </body>
</html>

  1. कैसे सीएसएस के साथ स्क्रॉल पर एक ढाल पृष्ठभूमि रंग बनाने के लिए? कैसे सीएसएस के साथ स्क्रॉल पर एक ढाल पृष्ठभूमि रंग बनाने के लिए?

    स्क्रॉल पर एक ग्रेडिएंट बैकग्राउंड कलर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body {       height: 250vh;       color: white;       font-family: "Segoe UI", Tahoma, Gene

  1. सीएसएस के साथ तीर कैसे बनाएं? सीएसएस के साथ तीर कैसे बनाएं?

    सीएसएस के साथ तीर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma,

  1. CSS में मल्टीपल कलर स्टॉप का उपयोग करके लीनियर ग्रेडिएंट बनाना CSS में मल्टीपल कलर स्टॉप का उपयोग करके लीनियर ग्रेडिएंट बनाना

    एकाधिक रंग स्टॉप का उपयोग करके एक रैखिक ढाल बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {    height: 200px;    width: 100%;