css radial-gradien
时间: 2024-06-09 15:08:06 浏览: 127
CSS 使用radial-gradient 实现优惠券样式
t是一个 CSS 属性,用于创建从一个中心点向各个方向渐变的圆形或椭圆形背景。它的语法如下:
```
background: radial-gradient([shape] [size] [position], [start-color], [end-color]);
```
其中,`shape` 可以是 `circle` 或 `ellipse`,表示渐变的形状;`size` 可以是 `closest-side`、`farthest-side`、`closest-corner` 或 `farthest-corner`,表示渐变的尺寸;`position` 可以是 `at [x-axis] [y-axis]`,表示渐变的中心点位置;`start-color` 和 `end-color` 分别表示渐变的起始颜色和结束颜色。
例如,以下代码将创建一个从中心点向四周渐变的圆形背景:
```
background: radial-gradient(circle, #ffffff, #000000);
```
而以下代码将创建一个从左上角向右下角渐变的椭圆形背景:
```
background: radial-gradient(ellipse farthest-corner at 0% 0%, #ffffff, #000000);
```
阅读全文