snipplrCallback({"id":337928,"title":"css-conic-gradient","source":"
conic-gradient(<\/span>)<\/span> =<\/span> conic-gradient(<\/span><\/div><\/li> [<\/span> from <angle><\/span> ]<\/span>? [<\/span> at <position><\/span> ]<\/span>?,<\/span><\/div><\/li> <angular-color-stop-list><\/span><\/div><\/li> )<\/span><\/div><\/li> .conic-gradient<\/span> {<\/span><\/div><\/li> background<\/span>:<\/span> conic-gradient(<\/span>#fff<\/span>,<\/span> #000<\/span>)<\/span>;<\/span><\/div><\/li> }<\/span><\/div><\/li> .conic-gradient<\/span> {<\/span><\/div><\/li> \/* Original example *\/<\/span><\/div><\/li> background-image<\/span>:<\/span> conic-gradient(<\/span>#fff<\/span>,<\/span> #000<\/span>)<\/span>;<\/span><\/div><\/li> \/* Explicitly state the location center point *\/<\/span><\/div><\/li> background<\/span>:<\/span> conic-gradient(<\/span>at 50%<\/span> 50%<\/span>,<\/span> #fff<\/span>,<\/span> #000<\/span>)<\/span>;<\/span><\/div><\/li> \/* Explicitly state the angle of the start color *\/<\/span><\/div><\/li> background<\/span>:<\/span> conic-gradient(<\/span>from 0deg<\/span>,<\/span> #fff<\/span>,<\/span> #000<\/span>)<\/span>;<\/span><\/div><\/li> \/* Explicitly state the angle of the start color and center point location *\/<\/span><\/div><\/li> background<\/span>:<\/span> conic-gradient(<\/span>from 0deg<\/span> at center<\/span>,<\/span> #fff<\/span>,<\/span> #000<\/span>)<\/span>;<\/span><\/div><\/li> \/* Explicitly state the angles of both colors as percentages instead of degrees *\/<\/span><\/div><\/li> background<\/span>:<\/span> conic-gradient(<\/span>#fff<\/span> 0%<\/span>,<\/span> #000<\/span> 100%<\/span>)<\/span>;<\/span><\/div><\/li> \/* Explicitly state the angle of the starting color in degrees and the ending color by a full turn of the circle *\/<\/span><\/div><\/li> background<\/span>:<\/span> conic-gradient(<\/span>#fff<\/span> 0deg<\/span>,<\/span> #000<\/span> 1turn<\/span>)<\/span>;<\/span><\/div><\/li> }<\/span><\/div><\/li><\/ol><\/pre>","link":"https:\/\/snipplr.com\/view\/337928\/css-conic-gradient"});