CSS Conic-Gradients

Forum|Forum|7 years ago
October 13, 2018
2 replies
2901 views

I see endless possibilities with this new CSS specification.

3.3. Conic Gradients:

But the only browser currently supporting it is Chrome.

https://caniuse.com/#feat=css-conic-gradients

Good news for developers, there is a polyfill.

CSS conic-gradient() polyfill

This topic has been closed for replies.

O

osgood_

Legend

Ugly.......l cant see any use for this at all personally, well not the example you posted anyway.......sorry its 0 points from the UK.

pziecina

Legend

osgood_ wrote
Ugly.......l cant see any use for this at all personally, well not the example you posted anyway.......sorry its 0 points from the UK.

It is possible to do pie charts with the css conic-gradients, which will probably be the most common usage. Though untill it is supported x-browser !

The problem with pollyfills, is that even though they make backwards compatability easy, historically with the exceptions of the html5 shiv and media-query shiv, many developers will not use them unless they are provided by default, and designers either do not know about them or if they do, look on them as too difficult to use.

ALsp

Legend

A more serious issue with the more complex polyfills is that they can cause issues in some browsers if they continue to be used after the browser in question actually begins to support the method. This is one of the reasons why so many web sites today behave erratically in Microsoft Edge... some the hacks for old IE are oozing through bad detection routines.

ALsp

Legend

From a design point of view, it's kind of like fluff. Fluff can be nice sometimes, but it's got to make design sense. Your graphic makes me think of an old farmer, exhausted, laying on the ground beneath his favorite cow and staring up at her udder.

Nancy OShea

Author

Community Expert

ALsp wrote
From a design point of view, it's kind of like fluff. Fluff can be nice sometimes, but it's got to make design sense.

Arguably, all gradients are fluff. But that doesn't stop designers from using them for visual interest, And since it's just CSS, it will load fast without heavy graphics.

Nancy O'Shea— Product User & Community Expert

3.3. Conic Gradients:

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded