Himas Rafeek
Posted on: 3 years ago
CSS

CSS Conic Gradient

CSS Conic Gradient Example………………………


                                          conic-gradient() = conic-gradient( [ from <
angle>
]? [ at <
position>
]?, <
angular-color-stop-list>
).conic-gradient {
    background: conic-gradient(#fff, #000);
}
.conic-gradient {
    /* Original example */
    background-image: conic-gradient(#fff, #000);
    /* Explicitly state the location center point */
    background: conic-gradient(at 50% 50%, #fff, #000);
    /* Explicitly state the angle of the start color */
    background: conic-gradient(from 0deg, #fff, #000);
    /* Explicitly state the angle of the start color and center point location */
    background: conic-gradient(from 0deg at center, #fff, #000);
    /* Explicitly state the angles of both colors as percentages instead of degrees */
    background: conic-gradient(#fff 0%, #000 100%);
    /* Explicitly state the angle of the starting color in degrees and the ending color by a full turn of the circle */
    background: conic-gradient(#fff 0deg, #000 1turn);
}