Gradients

The linear-gradient() and radial-gradient() CSS functions and their repeating counterparts create backgrounds that progress smoothly between multiple colors. To learn more, see <gradient>, linear-gradient(), radial-gradient(), repeating-linear-gradient(), repeating-radial-gradient() at MDN.

Compatibility

• Chrome 26 Released on 2013-03-26
• Chrome Android 26 Released on 2013-04-03
• Edge 12 Released on 2015-07-29
• Firefox 3.6 Released on 2010-01-21
• Firefox for Android 4 Released on 2011-03-29
• Safari 7 Released on 2013-10-22
• Safari on iOS 7 Released on 2013-09-18