CSS 辐射渐变背景 radial gradient的实现

MDN参考资料 核心概念 1. 中心点 就是椭圆或者圆的中心 2. 边缘 就是椭圆或者圆的边缘。为什么要用边缘,而不用宽高呢,因为后面的几个关键概念,用的都是这个边缘。 3. 渐变颜色 跟线性渐变一样,一组颜色设定表示渐变过程。没什么好讲的,后面将统一用 [red, #fff 99%, blue] 这个渐变组合,表示从红色变换到白色,最后以一个1%蓝色结束,方便查看边缘。 用法 background-image:radial-gradient(形状 尺寸 at 中心位置,初始颜色,颜色+); 以最简单的用法 radial-gradient(red, blue) 来说,其实是下面的简写