Skip to content

Instantly share code, notes, and snippets.

@trumball
Created May 24, 2013 13:29
Show Gist options
  • Save trumball/5643503 to your computer and use it in GitHub Desktop.
Save trumball/5643503 to your computer and use it in GitHub Desktop.
CSS3 Gradients Template CSS3 gradients are another wondrous part of the newer specifications. Many of the vendor prefixes are difficult to memorize, so this code snippet should save you a bit of time on each project.
#colorbox {
background: #629721;
background-image: -webkit-gradient(linear, left top, left bottom, from(#83b842), to(#629721));
background-image: -webkit-linear-gradient(top, #83b842, #629721);
background-image: -moz-linear-gradient(top, #83b842, #629721);
background-image: -ms-linear-gradient(top, #83b842, #629721);
background-image: -o-linear-gradient(top, #83b842, #629721);
background-image: linear-gradient(top, #83b842, #629721);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment