Firefox 83

Hay una pequeña línea en el registro de cambios que es una gran noticia para CSS:

Hemos agregado soporte para gradientes cónicos CSS ( error 1632351 ) y ( error 1175958 ).

Los degradados cónicos son circulares, al igual que su contraparte radial, pero colocando paradas de color alrededor del círculo en lugar de hacerlo desde el centro del círculo.

Agregar más paradas de color le da una apariencia de “cono” que encaja con el nombre:

Antes de Firefox 83, la compatibilidad entre navegadores con gradientes cónicos implicaba el uso de un polyfill, como este de Lea Verou. Pero la compatibilidad con el navegador es mucho mejor con Firefox en la mezcla.

Estos datos de soporte del navegador son de Caniuse, que tiene más detalles. Un número indica que el navegador admite la función en esa versión y superiores.

Escritorio

cromo	Firefox	ES DECIR	Borde	Safari
69	83	No	79	12.1

Móvil/Tableta

androidcromo	Android Firefox	androide	Safari en iOS
124	125	124	12.2-12.5

---

¡Y no lo sabrías! Da la casualidad de que tenemos una nueva guía de gradientes CSS que no solo cubre gradientes cónicos, sino también gradientes lineales, radiales y repetitivos, e incluye explicaciones, ejemplos y, por supuesto, muchos trucos de CSS repartidos a lo largo de la guía. forma.

¿Uno de truco esoss? Usar paradas de colores fuertes para crear un gráfico circular.