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/digital-logic-design-iiith/issues?&filters=W3siaWQiOiJMYW5ndWFnZSIsInZhbHVlcyI6W251bGxdfSx7ImlkIjoiQ2F0ZWdvcnkiLCJ2YWx1ZXMiOlsiQ29tcGF0aWJpbGl0eSJdfSx7ImlkIjoiTGV2ZWwiLCJ2YWx1ZXMiOltudWxsXX0seyJpZCI6IlBhdHRlcm4iLCJ2YWx1ZXMiOltudWxsXX1d

[AksharaMayreddy]

commit id's : 9afb288567ab9be28a661a3f9fb1541f6f7ed6b6 (blue-icon/style.css) 5513788ff0061a433d81a1d831d1b8b5dcb55d1e (maroon-grid/style.css)

[VINEETHREDDYSHERI]

Valid fix @AksharaMayreddy

[ShivaniKomandury]

Valid fix @AksharaMayreddy