CSS sepia() ਫੰਕਸ਼ਨ

ਪਿੱਛਲਾ ਪੰਨਾ CSS scaleY() ਫੰਕਸ਼ਨ
ਅਗਲਾ ਪੰਨਾ CSS sin() ਫੰਕਸ਼ਨ
ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ سی ای ایس فُنکشن رفرنس میکین

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

CSS ਦੇ sepia() ਫਿਲਟਰ ਫੰਕਸ਼ਨ ਚਿੱਤਰ ਨੂੰ ਕਾਲੇ ਰੰਗ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ (ਇੱਕ ਵਧੇਰੇ ਗਰਮ, ਹਰਸ਼ ਜਾਂ ਪੈਲ ਰੰਗ)

100%（ਜਾਂ 1）ਚਿੱਤਰ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕਾਲੇ ਰੰਗ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ
0%（ਜਾਂ 0）ਕੋਈ ਪ੍ਰਭਾਵ ਨਹੀਂ ਦਰਸਾਉਂਦਾ ਹੈ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਚਿੱਤਰ ਲਈ ਵੱਖ-ਵੱਖ ਕਾਲੇ ਰੰਗ ਪ੍ਰਭਾਵ ਸੁਝਾਉਂਦੇ ਹਨ:

#img1 {
  filter: sepia(1);
}
#img2 {
  filter: sepia(60%);
}
#img3 {
  filter: sepia(0.4);
}

ਖੁਦ ਸਿਖਾਓ

ਉਦਾਹਰਣ 2

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

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

ਖੁਦ ਸਿਖਾਓ

CSS ਗਰੇਫਿਕਸ

sepia(amount)

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

ਮੁੱਲ

ਵਰਣਨ

amount

ਵਿਕਲਪਿਕ।ਕਾਲੇ ਰੰਗ ਦਾ ਮੁੱਲ ਸੁਝਾਓ, ਜੋ ਸੰਖਿਆ ਜਾਂ ਪ੍ਰੈਸੈਂਟੇਜ਼ ਹੋ ਸਕਦੀ ਹੈ。

100%（ਜਾਂ 1）ਇਲੈਕਟ੍ਰੋਨ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕਾਲੇ ਰੰਗ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ。

0%（ਜਾਂ 0）ਮੂਲ ਚਿੱਤਰ (ਨਾ ਕੋਈ ਪ੍ਰਭਾਵ) ਦਰਸਾਉਂਦਾ ਹੈ।ਮੂਲ ਮੁੱਲ 0 ਹੈ。