🏠 New in Low Baseline Support: Gradients
July 29, 2015
The linear-gradient() and radial-gradient() CSS functions and their repeating counterparts create backgrounds that progress smoothly between multiple colors.
Source features
css.properties.background-image.gradients[mdn]css.types.image.gradient[mdn]css.types.image.gradient.linear-gradient[mdn]css.types.image.gradient.linear-gradient.to[mdn]css.types.image.gradient.radial-gradient[mdn]css.types.image.gradient.radial-gradient.at[mdn]css.types.image.gradient.repeating-linear-gradient[mdn]css.types.image.gradient.repeating-linear-gradient.to[mdn]css.types.image.gradient.repeating-radial-gradient[mdn]css.types.image.gradient.repeating-radial-gradient.at[mdn]css.types.image.gradient.linear-gradient.unitless_0_angle[mdn]css.types.image.gradient.repeating-linear-gradient.unitless_0_angle[mdn]css.types.image.gradient.linear-gradient.interpolation_hints[mdn]css.types.image.gradient.radial-gradient.interpolation_hints[mdn]css.types.image.gradient.repeating-linear-gradient.interpolation_hints[mdn]css.types.image.gradient.repeating-radial-gradient.interpolation_hints[mdn]css.types.image.gradient.linear-gradient.doubleposition[mdn]css.types.image.gradient.radial-gradient.doubleposition[mdn]css.types.image.gradient.repeating-linear-gradient.doubleposition[mdn]css.types.image.gradient.repeating-radial-gradient.doubleposition[mdn]css.types.image.gradient.linear-gradient.premultiplied_gradients[mdn]css.types.image.gradient.radial-gradient.premultiplied_gradients[mdn]