Skip to content

Instantly share code, notes, and snippets.

@guyfedwards

guyfedwards/CSS: Gradient and Image Background

Last active August 29, 2015 13:55
Show Gist options
  • Save guyfedwards/8782607 to your computer and use it in GitHub Desktop.
Save guyfedwards/8782607 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CSS: Gradient and Image Background
background: #6cab26;
background-image: url(IMAGE_URL); /* fallback */
background-image: url(IMAGE_URL), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
background-image: url(IMAGE_URL), -webkit-linear-gradient(top, #6cab26, #6ceb86); /* Chrome 10+, Saf5.1+ */
background-image: url(IMAGE_URL), -moz-linear-gradient(top, #6cab26, #6ceb86); /* FF3.6+ */
background-image: url(IMAGE_URL), -ms-linear-gradient(top, #6cab26, #6ceb86); /* IE10 */
background-image: url(IMAGE_URL), -o-linear-gradient(top, #6cab26, #6ceb86); /* Opera 11.10+ */
background-image: url(IMAGE_URL), linear-gradient(top, #6cab26, #6ceb86); /* W3C */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment