css渐变属性

CSS渐变方向属性有以下几种： 1. linear-gradient：线性渐变，可以设置起始和结束的方向。 2. radial-gradient：径向渐变，可以设置圆心和半径，以及渐变的起始和结束颜色。 3. repeating-linear-gradient：重复的线性渐变，可以设置起始和结束的方向，以及每个重复周期的颜色。 4. repeating-radial-gradient：重复的径向渐变，可以设置圆心和半径，以及每个重复周期的颜色。 在使用这些渐变方向属性时，需要使用CSS的渐变函数，例如： ``` background: linear-gradient(to bottom, #ffffff, #000000); background: radial-gradient(circle, #ffffff, #000000); background: repeating-linear-gradient(to bottom, #ffffff, #000000); background: repeating-radial-gradient(circle, #ffffff, #000000); ``` 其中，to bottom 表示线性渐变的方向是从上到下；circle 表示径向渐变的圆心为正中心；repeating-linear-gradient 和 repeating-radial-gradient 表示重复渐变。