Missing vendor-prefixed CSS gradients for Webkit (Safari 5+, Chrome), Opera 11.1+.

[BSravanthi]

CSS gradients in a cross-browser way requires using many different vendor-prefixed versions. There are currently five different vendor-prefixed versions of CSS gradient:

-ms-linear-gradient and -ms-radial-gradient for Internet Explorer 10+
-moz-linear-gradient and -moz-radial-gradient for Firefox 3.6+
-o-linear-gradient and -o-radial-gradient for Opera 11.10+
-webkit-linear-gradient and -webkit-radial-gradient for Safari 5+ and Chrome
-webkit-gradient for Safari 4+ and Chrome (aka "Old WebKit")

Meaning a simple two-color gradient that works across all browsers must look like this:

background: -moz-linear-gradient(...); /* FF3.6+ */
 background: -webkit-gradient(...); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(...); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(...); /* Opera 11.10+ */
 background: -ms-linear-gradient(...); /* IE10+ */

It's easy to forget one or more gradient definitions with all of the various vendor prefix gradients available.

Please refer to the following link to fix similar issues.

https://app.codacy.com/app/BSravanthi/colloid-and-surface-chemistry-iiith/issues?&filters=W3siaWQiOiJMYW5ndWFnZSIsInZhbHVlcyI6W251bGxdfSx7ImlkIjoiQ2F0ZWdvcnkiLCJ2YWx1ZXMiOlsiQ29tcGF0aWJpbGl0eSJdfSx7ImlkIjoiTGV2ZWwiLCJ2YWx1ZXMiOltudWxsXX0seyJpZCI6IlBhdHRlcm4iLCJ2YWx1ZXMiOltudWxsXX1d

[AksharaMayreddy]

commit id's : 611e698d5c291c8c3aaa8ebdd753ab482bb2efd0 (style.css) 8c8c062ec78dd720841744654385a55636fc1c0b (blue-icon/style.css) 27dfbe8cf8e6577df0d5fbe50329ec666a9240e7 (maroon-grid/style.css)

[VINEETHREDDYSHERI]

Valid fix @AksharaMayreddy

[niveditareddy]

Valid fix @AksharaMayreddy

[samhithavootkoor]

commit id: 0de38d4

[somashekhar31]

Validated-1 fix @samhithavootkoor

[ShivaniKomandury]

Valid @AksharaMayreddy