css3线性渐变有几种 |css3如何让文字垂直居中显示

首先，CSS3中的线性渐变可以分为两种渐变方式，即水平渐变和垂直渐变。水平渐变是指从左到右变化的渐变方式，而垂直渐变则是指从上到下变化的渐变方式。

/*水平渐变的写法*/
background-image: linear-gradient(to right, #f00, #00f);
/*垂直渐变的写法*/
background-image: linear-gradient(to bottom, #f00, #00f);

在渐变的效果上，CSS3线性渐变还可以分为单色渐变和多色渐变。单色渐变指只有一种颜色过渡，而多色渐变则是在两种或以上不同颜色之间进行过渡。

/*单色渐变的写法*/
background-image: linear-gradient(#f00, #00f);
/*多色渐变的写法*/
background-image: linear-gradient(#f00, #0f0, #00f);

除了以上两种渐变方式和两种渐变效果，CSS3线性渐变还具有方向感知功能，即可以根据特定方向进行渐变，比如从左上角到右下角进行渐变。

/*带方向感知的写法*/
background-image: linear-gradient(to bottom right, #f00, #00f);

总之，CSS3线性渐变种类丰富多样，可以通过不同渐变方式、效果和方向进行调整，帮助网页设计者实现更加灵活多样的效果。