background: linear-gradient(to right, #ff9900, #ff5e62);
上面的代码就是一个简单的CSS3渐变的例子。其中，background指定了背景的样式，而linear-gradient则是CSS3中实现渐变的属性。to right表示颜色渐变的方向，这里是从左到右；#ff9900和#ff5e62则是渐变的两种颜色。
background: radial-gradient(circle, #ff9900 0%, #ff5e62 100%);
除了线性渐变，CSS3还支持径向渐变。上面的代码即是一个圆形径向渐变，其中circle表示渐变的形状为圆形；#ff9900表示渐变的起始颜色，0%表示颜色渐变的起始百分比；#ff5e62表示渐变的结束颜色，100%则表示颜色渐变的结束百分比。
background: repeating-linear-gradient(to right, #ff9900, #ff5e62 40%);
还有一种CSS3渐变叫做重复渐变。上面的代码即是一个重复线性渐变，其中repeating-linear-gradient表示使用线性渐变，to right表示颜色渐变的方向为从左到右；#ff9900表示渐变的起始颜色；#ff5e62 40%表示颜色渐变结束时，距离最后一个颜色还有40%的距离时，使用的颜色。这里的渐变会重复出现。