Skip to content

Instantly share code, notes, and snippets.

@carlozamagni
Last active August 29, 2015 14:06
Show Gist options
  • Save carlozamagni/3604b8a6d97c2d042c44 to your computer and use it in GitHub Desktop.
Save carlozamagni/3604b8a6d97c2d042c44 to your computer and use it in GitHub Desktop.
Css for nice background gradients (see: http://uigradients.com/)
/*
ServQuick
Colour 1: #485563
Colour 2: #29323c
*/
background: -webkit-linear-gradient(90deg, #485563 10%, #29323c 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg, #485563 10%, #29323c 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg, #485563 10%, #29323c 90%); /* IE10 */
background: -o-linear-gradient(90deg, #485563 10%, #29323c 90%); /* Opera 11.10+ */
background: linear-gradient(90deg, #485563 10%, #29323c 90%); /* W3C */
/*
Metallic Toad
Colour 1: #abbaab
Colour 2: #ffffff
*/
background: -webkit-linear-gradient(90deg, #abbaab 10%, #ffffff 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg, #abbaab 10%, #ffffff 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg, #abbaab 10%, #ffffff 90%); /* IE10 */
background: -o-linear-gradient(90deg, #abbaab 10%, #ffffff 90%); /* Opera 11.10+ */
background: linear-gradient(90deg, #abbaab 10%, #ffffff 90%); /* W3C */
/*
Hersheys
Colour 1: #594a41
Colour 2: #9a8478
*/
background: -webkit-linear-gradient(90deg, #594a41 10%, #9a8478 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg, #594a41 10%, #9a8478 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg, #594a41 10%, #9a8478 90%); /* IE10 */
background: -o-linear-gradient(90deg, #594a41 10%, #9a8478 90%); /* Opera 11.10+ */
background: linear-gradient(90deg, #594a41 10%, #9a8478 90%); /* W3C */
/*
Midnight City
Colour 1: #232526
Colour 2: #414345
*/
background: -webkit-linear-gradient(90deg, #232526 10%, #414345 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg, #232526 10%, #414345 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg, #232526 10%, #414345 90%); /* IE10 */
background: -o-linear-gradient(90deg, #232526 10%, #414345 90%); /* Opera 11.10+ */
background: linear-gradient(90deg, #232526 10%, #414345 90%); /* W3C */
/*
Moor
Colour 1: #616161
Colour 2: #9bc5c3
*/
background: -webkit-linear-gradient(90deg, #616161 10%, #9bc5c3 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg, #616161 10%, #9bc5c3 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg, #616161 10%, #9bc5c3 90%); /* IE10 */
background: -o-linear-gradient(90deg, #616161 10%, #9bc5c3 90%); /* Opera 11.10+ */
background: linear-gradient(90deg, #616161 10%, #9bc5c3 90%); /* W3C */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment