Fonction CSS repeating-radial-gradient()

Exemple

Dégradé radial répété :

#grad { background-image: repeating-radial-gradient(red, yellow 10%, green 15%); }

La fonction repeating-radial-gradient() est utilisée pour créer une "image" de dégradé radial répété.

Versions prises en charge : CSS3

Les nombres dans le tableau indiquent le premier numéro de version de navigateur qui prend en charge la fonction.

Les numéros spécifiés par "webkit", "moz" ou "o" sont les premiers préfixes de numéro de version qui prennent en charge la fonction.

Fonction
repeating-radial-gradient()	26.0 10.0 -webkit-	10.0	16.0 3.6 -moz-	6.1 5.1 -webkit-	12.1 11.1 -o-

background-image: repeating-radial-gradient(shape size at position, start-color, ..., last-color);

Valeur	Description
shape	Définit la forme du dégradé. Peut être : ellipse (par défaut) : spécifie un dégradé radial elliptique circle : spécifie un dégradé radial circulaire
size	La position spécifique du contour du bord. Elle peut prendre les valeurs suivantes : farthest-corner (par défaut) : spécifie que la longueur du rayon du dégradé radial va du centre du cercle au coin le plus éloigné du centre. closest-side : spécifie que la longueur du rayon du dégradé radial va du centre du cercle au côté le plus proche du centre. closest-corner : spécifie que la longueur du rayon du dégradé radial va du centre du cercle au coin le plus proche du centre. farthest-side : opposé à closest-side, spécifie que la longueur du rayon du dégradé radial va du centre du cercle au côté le plus éloigné du centre.
position	Position du centre du cercle (circle), similaire à background-position ou transform-origin. La valeur par défaut est « center ».
start-color, ..., last-color	Utilisé pour spécifier les couleurs de début et de fin du dégradé. Des valeurs de longueur ou des pourcentages peuvent être utilisés pour spécifier les positions des couleurs de début et de fin, mais les valeurs négatives ne sont pas autorisées.

autres extensions