什么是射线渐变 – CSS – 前端，css怎么垂直对齐

路羽博客CSS样式，css和js文件，css 像左移动，html+css的书，css如何背景图平铺，css 控制列的高度相同，css怎么垂直对齐 什么是射线渐变 - CSS - 前端，css怎么垂直对齐

线性渐变是沿着某个轴线进行颜色变化：

而射线渐变则是由内而外进行圆弧渐变，所以射线渐变更多的用于圆形形状。

这里大家要明白一点，射线渐变左侧的渐变光圈决定图形内部的颜色，右侧决定图形外部颜色。

所以，大家调整左侧光圈完全透明，渐变图形就会呈“月牙状”：

调整右侧光圈完全透明，则呈现“凸起状