Funzione CSS repeating-conic-gradient()

Definizione e uso

CSS repeating-conic-gradient() La funzione viene utilizzata per ripetere il gradiente conico.

gradiente conica	gradiente conica ripetuto

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

Una progressione conica ripetuta:

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

Definisce la progressione conica ripetuta con punti di partenza e di fine dei colori:

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

Un'altra progressione conica ripetuta con un angolo di partenza e un punto centrale impostato:

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

repeating-conic-gradient([from angolo] posizione,] grado di colore, grado di colore, ... );

Valore	Descrizione
from angolo	Opzionale. La progressione conica completa ruota di questo angolo. Predefinito a 0deg.
at posizione	Opzionale. Specifica il punto centrale della progressione conica. Predefinito a center.
grado di colore, ... , grado di colore	Il punto di terminazione del colore è il colore che si desidera presentare con una transizione fluida. Questo valore è composto da valori di colore e uno o due posizioni di fermata opzionali (angolo tra 0 e 360 gradi o percentuale tra 0% e 100%)

Valore

Descrizione

from angolo

Opzionale. La progressione conica completa ruota di questo angolo.

Predefinito a 0deg.

at posizione

Opzionale. Specifica il punto centrale della progressione conica.

Predefinito a center.

grado di colore, ... , grado di colore

Il punto di terminazione del colore è il colore che si desidera presentare con una transizione fluida.

Questo valore è composto da valori di colore e uno o due posizioni di fermata opzionali (angolo tra 0 e 360 gradi o percentuale tra 0% e 100%)