Last active
August 29, 2015 14:06
-
-
Save carlozamagni/3604b8a6d97c2d042c44 to your computer and use it in GitHub Desktop.
Css for nice background gradients (see: http://uigradients.com/)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
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