Company
Date Published
Author
Facundo Corradini
Word count
2511
Language
-
Hacker News points
None

Summary

The recent release of Chrome 69 includes support for conical gradients, a CSS feature that allows developers to easily create pie and doughnut charts using conic-gradient fills that have color stops around the circumference of a circle. This feature simplifies the creation of these charts, which were previously complex to implement with JavaScript libraries or hacky CSS and SVG approaches. Conical gradients are part of the CSS Image Values and Replaced Content level 4 module and enable developers to transform progress bars into visually appealing doughnut charts by masking parts of the chart with pseudo-elements. While support for conical gradients is currently limited to Chrome and WebKit, developers can use fallback strategies or polyfills for other browsers like Firefox and Edge. This advancement promises to make web design more dynamic and aesthetically pleasing by enabling a range of applications beyond charts, such as color wheels and optical illusions.