Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Fonction repeating-conic-gradient()

Description de la fonction repeating-conic-gradient().

La fonction repeating-conic-gradient() définit un dégradé de couleurs conique avec répétition. Pour que la répétition se déclenche, le dégradé doit être dimensionné sur moins de un tour (360 degrés).

Dégradé sans répétition : la couleur finale (bleu ciel sur cet exemple) est utilisée pour compléter le remplissage.

Dégradé avec répétition : le motif du dégradé est répété sur les 360 degrés d'un tour complet.

reportez-vous à la page présentation générale des dégradés pour une présentation générale des trois types de dégradé : linéaire, radial et conique.

La fonction repeating-conic-gradient() peut être utilisée avec :

Syntaxe de la fonction repeating-conic-gradient().

  • background: repeating-conic-gradient(blue 0%, pink 10%, blue 20%); c1 p1 c2 p2 c3 p3

    Ceci est un exemple de syntaxe pour la fonction repeating-conic-gradient().

    Les différentes syntaxes sont identiques à celles de la fonction conic-gradient.

Exemples.

Un bouton en aluminium

Ce bouton n'est pas une image mais la combinaison de deux dégradés.

Un maillage en osier

Enfin, en tout cas, quelque chose qui suggère l'osier.

Exemple avec la fonction repeating-radial-gradient() - Mélange aléatoire Exemple avec la fonction repeating-radial-gradient() - Disque vinyle Exemple avec la fonction repeating-radial-gradient() - Disque vinyle et reflets

Simulateur.

background-color:
( x y c1 p1 c2 p2 )

Compatibilité et prise en charge suivant les navigateurs.

La plupart des navigateurs traitent correctement les dégradés de couleurs linéaires.

Afficher les versions antérieures   Afficher la version à venir  

Voir aussi...

Arrière-plan - Propriétés.

Arrière-plan - Fonctions.