Skip to content

Instantly share code, notes, and snippets.

@cleitonfco
Created April 14, 2012 14:07
Show Gist options
  • Save cleitonfco/2384656 to your computer and use it in GitHub Desktop.
Save cleitonfco/2384656 to your computer and use it in GitHub Desktop.
Background Image Gradients
/**
* Background Image Gradients
*/
body {
background: #fff;
}
h2, h3, h4 {
display:block;
margin:20px;
width: 300px;
height: 60px;
border-radius:30px;
}
h2 {
background-color: #34a;
background-image: linear-gradient(left, #34a, #78f);
}
h3 {
background-color: #a34;
background-image: linear-gradient(top, #a34 50%, #700 50%);
}
h4 {
background-color: #3a4;
background-image: linear-gradient(45deg, #3a4 40%, #070 60%);
}
<h2></h2>
<h3></h3>
<h4></h4>
{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment