फ़िल्टर गुण

filter गुण पृष्ठभूमि छवि को एक विशिष्ट कलात्मक शैली या फ़िल्टर निर्दिष्ट करता है। यह गुण filter फ़ंक्शन द्वारा बनाई गई कलात्मक शैलियों के नाम, या none (चयनित फ़िल्टर रद्द) को मान के रूप में स्वीकार कर सकता है।

सिंटैक्स

cssचयनकर्ता {
  filter: कलात्मक शैली या none;
}

उदाहरण

आइए हम अपनी छवि के लिए एक काले और सफेद (ब्लैक एंड व्हाइट) फ़िल्टर निर्धारित करें, और होवर (माउस ले जाने) पर इसे रद्द कर दें:

html<div id="elem"></div>

css#elem {
  filter: grayscale(100%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}
#elem:hover {
  filter: none;
}

Результат:

यह भी देखें