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 表示重复渐变。