css3渐变左中右

CSS3渐变左中右可以让网页设计更加生动，给用户带来良好的视觉体验。

background: -moz-linear-gradient(left, #FFFFFF 0%, #000000 100%);
    background: -webkit-linear-gradient(left, #FFFFFF 0%, #000000 100%);
    background: linear-gradient(to right, #FFFFFF 0%, #000000 100%);
    

以上代码实现的是一个从左到右的黑白渐变，可以根据需要更改起始和结束颜色，以及方向（left、right、top、bottom等）。

background: -moz-linear-gradient(left center, #FFFFFF 0%, #000000 100%);
    background: -webkit-linear-gradient(left center, #FFFFFF 0%, #000000 100%);
    background: linear-gradient(to right, #FFFFFF 0%, #000000 100%) center;
    

以上代码实现的是一个从中间开始的黑白渐变，同样可以根据需要更改起始和结束颜色。

background: -moz-linear-gradient(right, #FFFFFF 0%, #000000 100%);
    background: -webkit-linear-gradient(right, #FFFFFF 0%, #000000 100%);
    background: linear-gradient(to left, #FFFFFF 0%, #000000 100%);
    

以上代码实现的是一个从右到左的黑白渐变，同样可以根据需要更改起始和结束颜色，以及方向。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！