text-fill-color प्रॉपर्टी

text-fill-color property प्रॉपर्टी टेक्स्ट के करैक्टर्स के फिल कलर को सेट करती है या transparent वैल्यू का इस्तेमाल करके उनकी ट्रांसपेरेंसी सेट करती है।

सिंटैक्स

cssसिलेक्टर {
  text-fill-color: कलर या transparent;
}

उदाहरण

आइए हम अपने टेक्स्ट को ट्रांसपेरेंसी के साथ ग्रेडिएंट फिल दें:

html<p>
  This is a text.
</p>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-size: 26px;
  background: linear-gradient(#c42222, #ffef5e);
  -webkit-background-clip: text;
  background-clip: text;
}

Результат:

यह भी देखें