Skip to content

Instantly share code, notes, and snippets.

@jcsrb
Created May 12, 2012 16:40
Show Gist options
  • Save jcsrb/2667523 to your computer and use it in GitHub Desktop.
Save jcsrb/2667523 to your computer and use it in GitHub Desktop.
Border Image Gradient
/**
* Border Image Gradient
*/
#bi{
display:block;
width:500px;
height: 300px;
position: absolute;
top: 50%;
margin-top: -150px;
left: 50%;
margin-left: -250px;
background-color: #5C719C;
background-image: linear-gradient(bottom, #495A88 50%, #6E87AF 100%);
border: 20px solid #5C719C;
border-image: linear-gradient(top, #495A88 50%, #6E87AF 100%) 1 stretch;
}
<div id="bi">
</div>
{"view":"split-vertical","fontsize":"90","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment