CSS repeating-conic-gradient() funktion

Definition og brug

CSS repeating-conic-gradient() Funktionen bruges til at gentage konisk gradning.

Konisk gradning	Gentagende konisk gradning

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

En gentagende konisk gradient:

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

Definerer en gentagende konisk gradient med farvestart- og slutpunkter:

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

En anden gentagende konisk gradient med angivet startvinkel og centerposition:

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

repeating-conic-gradient([fra vinkel] position,] farvegrad, farvegrad, ... );

Værdi	Beskrivelse
fra vinkel	Valgfri. Hele den koniske gradient roteres med denne vinkel. Standardværdi er 0deg.
at position	Valgfri. Angiv centerpunktet for den koniske gradient. Standardværdi er center.
farvegrad, ... , farvegrad	Farveafslutningspunkter er de farver, du ønsker at vise en glat overgang mellem. Værdien består af farveværdier og en eller to valgfri stoppositioner (vinkler mellem 0 til 360 grader eller procent mellem 0% til 100%)

Værdi

Beskrivelse

fra vinkel

Valgfri. Hele den koniske gradient roteres med denne vinkel.

Standardværdi er 0deg.

at position

Valgfri. Angiv centerpunktet for den koniske gradient.

Standardværdi er center.

farvegrad, ... , farvegrad

Farveafslutningspunkter er de farver, du ønsker at vise en glat overgang mellem.

Værdien består af farveværdier og en eller to valgfri stoppositioner (vinkler mellem 0 til 360 grader eller procent mellem 0% til 100%)