CSS hue-rotate() ਫੰਕਸ਼ਨ

ਪਿਛਲਾ ਪੰਨਾ CSS hsl() ਫੰਕਸ਼ਨ
ਅਗਲਾ ਪੰਨਾ CSS hwb() ਫੰਕਸ਼ਨ
ਉੱਪਰੋਕਤ ਸਟੇਜ سی ایس ایس فنکشن مراجع کیتاب

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

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 ਹੈ。

ਮੁੱਲ

ਵਰਣਨ

angle

ਵਿਕਲਪਿਕ।ਇੱਕ ਕੋਣ ਸੁਝਾਉਣ ਲਈ ਇੱਕ ਕੋਣ ਸੁਝਾਉਣ ਲਈ ਇੱਕ ਕੋਣ ਸੁਝਾਉਣ ਲਈ

ਧਨਾਤਮਕ ਮੁੱਲ ਟਾਈਟਾਸਕ ਵਾਲੀ ਮੁੱਲ ਵਧਾਉਂਦੇ ਹਨ, ਨਕਾਰਾਤਮਕ ਮੁੱਲ ਘਟਾਉਂਦੇ ਹਨ。

0deg ਮੂਲ ਚਿੱਤਰ (ਕੋਈ ਪ੍ਰਭਾਵ ਨਹੀਂ) ਦਾ ਅਰਥ ਹੈ。

ਮੂਲਤਵੀ ਮੁੱਲ 0 ਹੈ。