| 1 | MDN even provides [https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Cross-browser_gradients a similar example]: |
| 2 | |
| 3 | {{{ |
| 4 | .grad { |
| 5 | background-color: #F07575; /* fallback color if gradients are not supported */ |
| 6 | background-image: -webkit-linear-gradient(top, hsl(0, 80%, 70%), #bada55); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */ |
| 7 | background-image: -moz-linear-gradient(top, hsl(0, 80%, 70%), #bada55); /* For Firefox (3.6 to 15) */ |
| 8 | background-image: -o-linear-gradient(top, hsl(0, 80%, 70%), #bada55); /* For old Opera (11.1 to 12.0) */ |
| 9 | background-image: linear-gradient(to bottom, hsl(0, 80%, 70%), #bada55); /* Standard syntax; must be last */ |
| 10 | } |
| 11 | }}} |
| 12 | |
| 13 | |