前端锥形渐变conic-gradient你了解多少？

      渐变效果在开发中我们可能会经常使用到，像什么线性渐变linear-gradient啦，还有径向渐变radial-gradient，但今天我们讲的是锥形渐变conic-gradient。

      当然，我们这次的重点并不是这线性渐变和径向渐变，而是一个第三个图中的锥形渐变conic-gradient，顾名思义，锥形锥形，就是渐变的图案像圆锥，下面这张图可以完美的展示出锥形渐变与径向渐变的差别

      锥形渐变的语法

      conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )

      1、起始角度 angle

      可选项，角度前加from关键字，代表以此角度为起始，使用顺时针方向进行渐变旋转，例

      background: conic-gradient(from 45deg, red, pink);