CSS saturate() ਫੰਕਸ਼ਨ

ਪਿੰਨਾ ਉੱਪਰ CSS round() ਫੰਕਸ਼ਨ
ਅਗਲਾ ਪੰਨਾ CSS scale() ਫੰਕਸ਼ਨ
ਉੱਪਰ ਵਾਪਸ ਜਾਓ سی ایس ایس فنکشن مراجع منول

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

CSS ਦੇ saturate() ਫਿਲਟਰ ਫੰਕਸ਼ਨ ਐਲੀਮੈਂਟ ਦੀ ਸੰਤੋਖ (ਰੰਗ ਤੀਬਰਤਾ) ਸੰਤੁਲਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

0%（ਜਾਂ 0）ਐਲੀਮੈਂਟ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸੰਤੋਖ ਤੋਂ ਮੁਕਤ ਕਰ ਦਿੰਦਾ ਹੈ
100%（ਜਾਂ 1）ਕੋਈ ਪ੍ਰਭਾਵ ਨਹੀਂ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ
200%（ਜਾਂ 2）ਐਲੀਮੈਂਟ ਨੂੰ ਉੱਚੀ ਸੰਤੋਖ ਦਿੰਦਾ ਹੈ

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਚਿੱਤਰ ਨੂੰ ਵੱਖ-ਵੱਖ ਸੰਤੋਖ ਸੁਝਾਉਣਾ:

#img1 {
  filter: saturate(0);
}
#img2 {
  filter: saturate(100%);
}
#img3 {
  filter: saturate(200%);
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਨੂੰ saturate() ਨਾਲ backdrop-filter ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਮਿਲਣ ਵਾਲੀ ਵਰਤੋਂ:

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: saturate(450%);
  backdrop-filter: saturate(450%);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

ਆਪਣੇ ਆਪ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੇਫਿਕਸ

saturate(amount)

ਮੁੱਲ	ਵਰਣਨ
amount	ਵਿਕਲਪਿਕ।ਸੰਤੋਖ ਦਾ ਮੁੱਲ ਸੁਝਾਉਣ ਲਈ ਸੰਖਿਆ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਰੂਪ ਵਿੱਚ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。 0%（ਜਾਂ 0）ਐਲੀਮੈਂਟ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸੰਤੋਖ ਤੋਂ ਮੁਕਤ ਕਰ ਦਿੰਦਾ ਹੈ。 100%（ਜਾਂ 1）ਕੋਈ ਪ੍ਰਭਾਵ ਨਹੀਂ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ。 100% ਤੋਂ ਵੱਧ ਦੇ ਮੁੱਲ ਉੱਚੀ ਸੰਤੋਖ ਦਾ ਪ੍ਰਭਾਵ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ。

ਮੁੱਲ

ਵਰਣਨ

amount

ਵਿਕਲਪਿਕ।ਸੰਤੋਖ ਦਾ ਮੁੱਲ ਸੁਝਾਉਣ ਲਈ ਸੰਖਿਆ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਰੂਪ ਵਿੱਚ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。

0%（ਜਾਂ 0）ਐਲੀਮੈਂਟ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸੰਤੋਖ ਤੋਂ ਮੁਕਤ ਕਰ ਦਿੰਦਾ ਹੈ。

100%（ਜਾਂ 1）ਕੋਈ ਪ੍ਰਭਾਵ ਨਹੀਂ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ。

100% ਤੋਂ ਵੱਧ ਦੇ ਮੁੱਲ ਉੱਚੀ ਸੰਤੋਖ ਦਾ ਪ੍ਰਭਾਵ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ。