CSS repeating-conic-gradient() ਫੰਕਸ਼ਨ

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

CSS repeating-conic-gradient() ਫੰਕਸ਼ਨ ਕੋਣੀ ਗਰੇਡੀਐਂਟ ਦੁਹਰਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

ਕੋਣੀ ਗਰੇਡੀਐਂਟ	ਦੁਹਰਾਇਆ ਹੋਇਆ ਕੋਣੀ ਗਰੇਡੀਐਂਟ

conic-gradient(red, yellow);	repeating-conic-gradient(red 10%, yellow 20%);

一个重复的锥形渐变：

#grad {
  background-image: repeating-conic-gradient(red 10%, yellow 20%);
}

定义了颜色起点和终点的重复锥形渐变：

#grad {
  background-image: repeating-conic-gradient(red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}

另一个设置了起始角度和中心位置的重复锥形渐变：

#grad1 {
  background-image: repeating-conic-gradient(from 10deg at 30% 30%, red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}

repeating-conic-gradient([from ਅਨੁਮਾਨ] ਸਥਾਨ,] ਰੰਗ ਅਨੁਮਾਨ, ਰੰਗ ਅਨੁਮਾਨ, ...);

ਮੁੱਲ	ਵਰਣਨ
from ਅਨੁਮਾਨ	ਚੋਣਵਾਂ। ਪੂਰਾ ਕੋਣੀ ਗ੍ਰੇਡੀਐਂਟ ਇਸ ਅਨੁਮਾਨ ਦੇ ਅਨੁਸਾਰ ਘੁੰਮਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ ਮੂਲ ਰੰਗ 0deg ਹੈ。
at ਸਥਾਨ	ਚੋਣਵਾਂ। ਕੋਣੀ ਗ੍ਰੇਡੀਐਂਟ ਦੇ ਕੇਂਦਰ ਸਥਾਨ ਨਿਰਧਾਰਿਤ ਕਰੋ。 ਮੂਲ ਰੰਗ center ਹੈ。
ਰੰਗ ਅਨੁਮਾਨ, ... , ਰੰਗ ਅਨੁਮਾਨ	ਰੰਗ ਮੁਕਤੀ ਪੁਆਇੰਟ ਉਹ ਰੰਗ ਹੈ ਜਿਸ ਵਿੱਚ ਤੁਸੀਂ ਹਲਕੇ ਤੋਂ ਮੁੱਖ ਰੰਗ ਦਰਮਿਆਨ ਸਮੂਹਿਕ ਤਬਦੀਲੀ ਦੇਖਣਾ ਚਾਹੁੰਦੇ ਹੋ ਇਹ ਮੁੱਲ ਰੰਗ ਵਿੱਚੋਂ ਅਤੇ ਇੱਕ ਜਾਂ ਦੋ ਚੋਣਵੇਂ ਸਟੋਪਸਟਾਈਲਸ (0 ਤੋਂ 360 ਅਨੁਮਾਨ ਦਰਮਿਆਨ ਦੀ ਦ੍ਰਿਸ਼ਟੀ ਜਾਂ 0% ਤੋਂ 100% ਦਰਮਿਆਨ ਦੀ ਪ੍ਰਤੀਸ਼ਤ) ਤੋਂ ਬਣਿਆ ਹੈ。

ਮੁੱਲ

ਵਰਣਨ

from ਅਨੁਮਾਨ

ਚੋਣਵਾਂ। ਪੂਰਾ ਕੋਣੀ ਗ੍ਰੇਡੀਐਂਟ ਇਸ ਅਨੁਮਾਨ ਦੇ ਅਨੁਸਾਰ ਘੁੰਮਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ

ਮੂਲ ਰੰਗ 0deg ਹੈ。

at ਸਥਾਨ

ਚੋਣਵਾਂ। ਕੋਣੀ ਗ੍ਰੇਡੀਐਂਟ ਦੇ ਕੇਂਦਰ ਸਥਾਨ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਮੂਲ ਰੰਗ center ਹੈ。

ਰੰਗ ਅਨੁਮਾਨ, ... , ਰੰਗ ਅਨੁਮਾਨ

ਰੰਗ ਮੁਕਤੀ ਪੁਆਇੰਟ ਉਹ ਰੰਗ ਹੈ ਜਿਸ ਵਿੱਚ ਤੁਸੀਂ ਹਲਕੇ ਤੋਂ ਮੁੱਖ ਰੰਗ ਦਰਮਿਆਨ ਸਮੂਹਿਕ ਤਬਦੀਲੀ ਦੇਖਣਾ ਚਾਹੁੰਦੇ ਹੋ

ਇਹ ਮੁੱਲ ਰੰਗ ਵਿੱਚੋਂ ਅਤੇ ਇੱਕ ਜਾਂ ਦੋ ਚੋਣਵੇਂ ਸਟੋਪਸਟਾਈਲਸ (0 ਤੋਂ 360 ਅਨੁਮਾਨ ਦਰਮਿਆਨ ਦੀ ਦ੍ਰਿਸ਼ਟੀ ਜਾਂ 0% ਤੋਂ 100% ਦਰਮਿਆਨ ਦੀ ਪ੍ਰਤੀਸ਼ਤ) ਤੋਂ ਬਣਿਆ ਹੈ。