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+ */

Please refer to the following link to fix similar issues. https://app.codacy.com/app/BSravanthi/structural-dynamics-iiith/issues?&filters=W3siaWQiOiJMYW5ndWFnZSIsInZhbHVlcyI6W251bGxdfSx7ImlkIjoiQ2F0ZWdvcnkiLCJ2YWx1ZXMiOlsiQ29tcGF0aWJpbGl0eSJdfSx7ImlkIjoiTGV2ZWwiLCJ2YWx1ZXMiOltudWxsXX0seyJpZCI6IlBhdHRlcm4iLCJ2YWx1ZXMiOltudWxsXX0seyJ2YWx1ZXMiOltdfV0=

[AksharaMayreddy]

commit id's : blue-icon/style.css - 1824f917739aa5c3362b32fd303d09c76d70a62d maroon-grid/style.css - b831dedfcc34251fe8c5fa317ac4c5e777fc5331

[niveditareddy]

Issue fix @AksharaMayreddy

[VINEETHREDDYSHERI]

Valid fix @AksharaMayreddy

[samhithavootkoor]

commit id : d800575