CSS hue-rotate() फ़ंक्शन

रोल और उपयोग

CSS का hue-rotate() फ़िल्टर फ़ंक्शन एलिमेंट पर रंग घुमाव लगाता है।

उदाहरण

उदाहरण 1

चित्र को अलग-अलग रंग घुमाव देना:

#img1 {
  filter: hue-rotate(200deg);
}
#img2 {
  filter: hue-rotate(90deg);
}
#img3 {
  filter: hue-rotate(-90deg);
}

स्वयं को प्रयोग करें

उदाहरण 2

जो hue-rotate() और backdrop-filter गुणों का संयोजन:

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: hue-rotate(90deg);
  backdrop-filter: hue-rotate(90deg);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

स्वयं को प्रयोग करें

CSS व्याकरण

hue-rotate(angle)
मान वर्णन
angle

वृद्धि वैकल्पिक। एक कोण निर्दिष्ट करने के लिए, जो इनपुट नमूने के रंग रूप के अपेक्षाकृत परिवर्तन को सूचित करता है।

सकारात्मक मान रंग रूप मान को बढ़ाता है, नकारात्मक मान रंग रूप मान को कम करता है।

0deg वैसा ही चित्र (कोई प्रभाव नहीं) को सूचित करता है।

डिफ़ॉल्ट मान 0 है।

तकनीकी विवरण

संस्करण: CSS Filter Effects Module Level 1

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण के रूप में प्रदर्शित हैं।

च्रोम एज फ़ायरफॉक्स सफारी ओपेरा
18 12 35 6 15

संबंधित पृष्ठ

संदर्भःCSS फिल्टर विशेषता

संदर्भःCSS blur() फ़ंक्शन

संदर्भःCSS brightness() फ़ंक्शन

संदर्भःCSS contrast() फ़ंक्शन

संदर्भःCSS drop-shadow() फ़ंक्शन

संदर्भःCSS grayscale() फ़ंक्शन

संदर्भःCSS invert() फ़ंक्शन

संदर्भःCSS opacity() फ़ंक्शन

संदर्भःCSS saturate() फ़ंक्शन

संदर्भःCSS sepia() फ़ंक्शन