CSS/Funktionen/repeating-conic-gradient()
Aus SELFHTML-Wiki
< CSS | Funktionen
Die repeating-conic-gradient()-Funktion legt einen sich wiederholenden, konischen (kegelförmigen) Farbverlauf fest.
Parameter |
|
---|---|
anwendbar auf | background-image |
Browsersupport | caniuse: css-conic-gradients |
Beispiel
.macedonia { background: radial-gradient( #dfac20 10%, #c32e04 0 12%, transparent 12% ), repeating-conic-gradient( #dfac20 0 15deg, #c32e04 0 40deg ); border-radius: 0; }
Es wird zuerst ein wiederholender Verlauf gezeichnet, der sich im Uhrzeigersinn alle 40° von gelb zu rot ändert. Darüber liegt ein radialer Verlauf mit einem gelben Kreis (10%) und einer roten Kontur (0 -12%). Alles außerhalb von 12% ist transparent, damit man die gelben (Sonnen)strahlen sieht.
Weblinks
Siehe auch
Liste der CSS-Funktionen
Farben und Verläufe