In der Änderungsliste gibt es eine kleine Zeile, die eine **große** Neuigkeit für CSS darstellt.
Wir haben die Unterstützung für CSS Conic Gradients (Bug 1632351) und (Bug 1175958) hinzugefügt.
🎉🎉🎉
Konische Verläufe sind kreisförmig, genau wie ihre radialen Gegenstücke, platzieren aber Farbstopps um den Kreis herum anstatt vom Mittelpunkt des Kreises aus.
Mehr Farbstopps verleihen ihm ein „kegelartiges“ Aussehen, das dem Namen entspricht.
Vor Firefox 83 erforderte die Cross-Browser-Unterstützung für konische Verläufe die Verwendung eines Polyfills, wie dieses hier von Lea Verou. Aber die Browserunterstützung ist mit Firefox deutlich besser.
Diese Daten zur Browser-Unterstützung stammen von Caniuse, wo Sie weitere Details finden. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.
Desktop
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 69 | 83 | Nein | 79 | 12.1 |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 127 | 127 | 127 | 12.2-12.5 |
Und wissen Sie was! Wir haben gerade erst einen brandneuen Leitfaden zu CSS-Verläufen herausgebracht, der nicht nur konische Verläufe abdeckt, sondern auch lineare, radiale und wiederholende Verläufe sowie Erklärungen, Beispiele und natürlich jede Menge CSS-Tricks, die unterwegs eingestreut sind.
Einer dieser Tricks? Die Verwendung harter Farbstopps zur Erstellung eines Tortendiagramms.