Web platform features explorer

Gradients

Widely available since 2018-01-29
Tags: css Groups: CSS > Gradients

The linear-gradient() and radial-gradient() CSS functions and their repeating counterparts create backgrounds that progress smoothly between multiple colors.

Browser support

  • 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