Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Start free with Google Start free with Email

CSS Gradients

A CSS3-compatible method of defining a linear or radial color gradient as an image, to be used in other parts of a style sheet.

Last updated on : 2023-03-20

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 9

10 - 11

12 - 111

2 - 3

3.6 - 35

36 - 113

4 - 9

10 - 114

3.2 - 3.1

4 - 15

15.6 - 16.4

9.5 - 11

11.1 - 11.5

11.6 - 95

Fully Supported

Partially

No Support

Browser Compatibility

CSS Gradients on IE is fully supported on 10-11, and not supported on 5.5-9 IE versions.

CSS Gradients on Edge is fully supported on all Edge versions.

CSS Gradients on Firefox is fully supported on 36-113, partially supported on 3.6-35, and not supported on 2-3 Firefox versions.

CSS Gradients on Chrome is fully supported on 10-114 and partially supported on 4-9 Chrome versions.

CSS Gradients on Safari is fully supported on 15.6-16.4, partially supported on 4-15, and not supported on 3.2-3.1 Safari versions.

CSS Gradients on Opera is fully supported on 11.6-95, partially supported on 11.1-11.5, and not supported on 9.5-11 Opera versions.

CSS Gradients on Safari on iOS is fully supported on 15.5-16.4 and partially supported on 3.2-15.4 Safari on iOS versions.

CSS Gradients on Android Browser is fully supported on 4.2-111 and partially supported on 2.1-3 Android Browser versions.

CSS Gradients on Opera Mobile is fully supported on 12-73, partially supported on 11.5-11.1, and not supported on 10-11 Opera Mobile versions.

CSS Gradients on Chrome for Android is fully supported on all Chrome for Android versions.

CSS Gradients on Firefox for Android is fully supported on all Firefox for Android versions.

CSS Gradients on Samsung Internet is fully supported on all Samsung Internet versions.

Browser Support for CSS Gradients

CSS Gradients on Chrome

CSS Gradients on Safari

CSS Gradients on Firefox

CSS Gradients on Internet Explorer

CSS Gradients on Opera

CSS Gradients on Edge

References

Data sourced from

High

Overall Browser Compatibility Score

Note:CSS Gradients shows a browser compatibility score of 97. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.

Test on 3000+ browsers for CSS Gradients & more

Test your website for CSS Gradients and other web technologies. Get 100 FREE automation test minutes!

Test Now