CSS repeating-conic-gradient() फ़ंक्शन
- पिछला पृष्ठ CSS repeat() फ़ंक्शन
- अगला पृष्ठ CSS repeating-linear-gradient() फ़ंक्शन
- एक स्तर ऊपर वापस सीएसएस फ़ंक्शन रेफरेंस मैनुअल
रिकार्ड और उपयोग
CSS repeating-conic-gradient()
फ़ंक्शन दोहरा शंकु ग्रेडिएंट के लिए उपयोग करता है。
उदाहरण:
शंकु ग्रेडिएंट | दोहरा शंकु ग्रेडिएंट |
---|---|
conic-gradient(red, yellow); | repeating-conic-gradient(red 10%, yellow 20%); |
उदाहरण
उदाहरण 1
एक वृद्धि शीर्षक:
#grad { background-image: repeating-conic-gradient(red 10%, yellow 20%); }
उदाहरण 2
रंग के शुरूआती और समाप्ती बिंदु को परिभाषित करने वाली वृद्धि शीर्षक:
#grad { background-image: repeating-conic-gradient(red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg); }
उदाहरण 3
एक अन्य शुरूआती कोण और केंद्र स्थान को सेट करने वाली वृद्धि शीर्षक:
#grad1 { background-image: repeating-conic-gradient(from 10deg at 30% 30%, red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg); }
CSS व्याकरण
repeating-conic-gradient([from कोण] स्थान,] रंग डिग्री, रंग डिग्री, ...);
मान | वर्णन |
---|---|
from कोण |
वृद्धि स्थानीय। पूरे वृद्धि शीर्षक को इस कोण के अनुसार घुमाना है। डिफ़ॉल्ट मान 0deg है। |
at स्थान |
वृद्धि स्थानीय। वृद्धि शीर्षक के केंद्र को निर्दिष्ट करने के लिए। डिफ़ॉल्ट मान center है। |
रंग डिग्री, ... , रंग डिग्री |
रंग समाप्ती बिंदु आपको जिसके बीच समतल पारित करना चाहते हैं के रंग को प्रदर्शित करने के लिए है। यह मानक रंग मानकों और एक या दो वृद्धि स्थानों (0 से 360 डिग्री के बीच के कोण या 0% से 100% के बीच के प्रतिशत) से बना है। |
तकनीकी विवरण
संस्करण: | CSS Images Module Level 4 |
---|
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को प्रदर्शित करते हैं।
च्रोम | एज | फ़ायरफॉक्स | सफारी | ओपेरा |
---|---|---|---|---|
69 | 79 | 83 | 12.1 | 56 |
संबंधित पृष्ठ
तालीमीया:CSS ग्रेडिएंट
सन्दर्भ:सीएसएस बैकग्राउंड-इमेज एट्रिब्यूट
सन्दर्भ:CSS conic-gradient() फ़ंक्शन
सन्दर्भ:CSS linear-gradient() फ़ंक्शन
सन्दर्भ:CSS radial-gradient() फ़ंक्शन
- पिछला पृष्ठ CSS repeat() फ़ंक्शन
- अगला पृष्ठ CSS repeating-linear-gradient() फ़ंक्शन
- एक स्तर ऊपर वापस सीएसएस फ़ंक्शन रेफरेंस मैनुअल