🏠 New in Low Baseline Support: Gradients

July 29, 2015

caniuse · mdn · spec

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]