CSS repeating-conic-gradient() functie

Definitie en gebruik

CSS repeating-conic-gradient() De functie wordt gebruikt voor het herhalen van de conische verloop.

Conische verloop	Herhalende conische verloop

conische-gradient(rood, geel);	herhalende-conische-gradient(rood 10%, geel 20%);

Een herhalende conische gradient:

#grad {
  background-image: herhalende-conische-gradient(rood 10%, geel 20%);
}

Definieert de kleurstart- en eindpunten van de herhalende conische gradient:

#grad {
  background-image: herhalende-conische-gradient(rood 0 30deg, geel 30deg 60deg, blauw 60deg 90deg);
}

Een andere herhalende conische gradient met een ingestelde starthoek en centrumpositie:

#grad1 {
  background-image: herhalende-conische-gradient(from 10deg at 30% 30%, rood 0 30deg, geel 30deg 60deg, blauw 60deg 90deg);
}

herhalende-conische-gradient([from hoek] positie,] kleurhoek, kleurhoek, ... );

Waarde	Beschrijving
from hoek	Optioneel. De hele conische gradient wordt om deze hoek gedraaid. Standaardwaarde is 0deg.
at positie	Optioneel. Specificeer het centrumpunt van de conische gradient. Standaardwaarde is center.
kleurhoek, ... , kleurhoek	De kleurstoppunten zijn de kleuren die u wilt laten overgaan in een gladde overgang. Deze waarde bestaat uit kleurwaarden en een of twee optionele stopposities (een hoek tussen 0 en 360 graden of een percentage tussen 0% en 100%)

Waarde

Beschrijving

from hoek

Optioneel. De hele conische gradient wordt om deze hoek gedraaid.

Standaardwaarde is 0deg.

at positie

Optioneel. Specificeer het centrumpunt van de conische gradient.

Standaardwaarde is center.

kleurhoek, ... , kleurhoek

De kleurstoppunten zijn de kleuren die u wilt laten overgaan in een gladde overgang.

Deze waarde bestaat uit kleurwaarden en een of twee optionele stopposities (een hoek tussen 0 en 360 graden of een percentage tussen 0% en 100%)