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

CSS रेडियल ग्रेडिएंट्स के साथ एक समान दूरी वाले रंग स्टॉप बनाएं

<घंटा/>

सीएसएस के साथ रेडियल ग्रेडिएंट के साथ समान रूप से दूरी वाले रंग स्टॉप बनाने के लिए कम से कम दो रंग स्टॉप परिभाषित करें:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 100px;
            background: radial-gradient(orange, green, yellow);
         }
      </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%;