CSS Repeating Gradients

Method of defining a repeating linear or radial color gradient as a CSS image.

IE Edge Firefox Chrome Safari Opera iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Chrome for Android Firefox for Android IE Mobile UC Browser for Android Samsung Internet QQ Browser Baidu Browser
49
56 9.3 4.4
14 52 57 10 10.0-10.2 4.4.3-4.4.4 4
11 15 53 58 10.1 44 10.3 all 56 10 37 57 52 11 11.4 5 1.2 7.12
54 59 TP 45
55 60 46
56 61

Notes

Firefox 10+, Chrome 26+ and Opera 11.6+ also support the new "to (side)" syntax.

Links