Linear Gradients: Cross Browser Syntax including Mobile

style.css

body {
    background: #f06;
    background: -webkit-gradient(linear, left top, left bottom, from(#f06), to(#ff0)); /* Saf4+, Chrome, iOS 3.2-4.3, Android 2.1-3 */
    background: -webkit-linear-gradient(top, #f06, #ff0); /* Chrome 10+, Saf5.1+, iOS 5+, Android 4+ */
    background: -moz-linear-gradient(top, #f06, #ff0); /* FF3.6+ */
    background: -o-linear-gradient(top, #f06, #ff0); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f06, #ff0); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f06', endColorstr='#ff0', GradientType=0); /* IE 5.5–7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06', endColorstr='#ff0', GradientType=0)"; /* IE 8–9 */
    background: linear-gradient(to bottom, #f06, #ff0); /* W3C */
}

/* IGNORE: CodePen only */
html { min-height: 100%; }