css径向渐变

作者：此甥孓狠善良发布日期:2025-05-23 浏览:66

/* 示例代码：CSS 径向渐变 */

/* 基本的径向渐变 */
background: radial-gradient(circle, red, yellow, green);

/* 解释说明：
- `radial-gradient` 是 CSS 中用于创建径向渐变的函数。
- `circle` 表示渐变的形状为圆形。如果不指定，默认是椭圆形。
- 后面的颜色值（如 `red`, `yellow`, `green`）表示渐变的颜色从中心向外依次变化。
*/

/* 更复杂的径向渐变 */
background: radial-gradient(ellipse at 50% 25%, rgba(255, 255, 0, 0.5), rgba(0, 0, 255, 0.8));

/* 解释说明：
- `ellipse` 表示渐变的形状为椭圆。
- `at 50% 25%` 表示渐变的中心点位于元素的水平 50% 和垂直 25% 处。
- 使用 `rgba` 可以设置颜色的透明度。
*/

上一篇：css 文字上下居中

下一篇：css 文本超出就隐藏并且显示省略号