css3左右渐变 |淘宝css初始化

background: -webkit-linear-gradient(left, #000, #fff);
background: -moz-linear-gradient(left, #000, #fff);
background: linear-gradient(to right, #000, #fff);

上述代码中，大家使用了background样式和linear-gradient函数来实现左右渐变的效果。其中，-webkit-linear-gradient和-moz-linear-gradient用于兼容不同浏览器，通过指定left参数，可以实现从左到右的渐变效果。#000与#fff是两种颜色的值，可以根据实际需要修改。

除了左右渐变，CSS3还支持上下渐变、对角渐变等多种不同的渐变方式，不同的方式可以在不同的场景下实现不同的效果。需要注意的是，CSS3渐变功能在不同浏览器中的表现可能会存在差异，需要进行兼容性处理，以确保页面效果的一致性。