​x
 
<!DOCTYPE html>
<html>
<head><style type="text/css">
h4 {
    font-family:Arial;
}
div 
{
    width: 90%; height: 200px; margin: 5%;
    background: linear-gradient(to right, green , yellow);
        background: -webkit-linear-gradient(left, green , yellow);  /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(right, green, yellow);       /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right, green, yellow);     /* For Firefox 3.6 to 15 */
}
</style></head>
​
<body>
​
<h4>Left-to-right linear gradient example:</h4>
​
<div></div>
​
</body>
</html>