Skip to content

Instantly share code, notes, and snippets.

@treykane
Created January 6, 2016 13:56
Show Gist options
  • Save treykane/a95911d776b5ff758463 to your computer and use it in GitHub Desktop.
Save treykane/a95911d776b5ff758463 to your computer and use it in GitHub Desktop.
Border on element with border radius 50% - border is faked
//Red Circle Background
.circle-red{
@include linear-gradient(#E71323, #5D0006);
border-radius: 50%;
box-shadow: ;
width: 250px;
height: 250px;
z-index: 1;
&:after { //BORDERS WITH BORDER RADUIS WORK AROUND
@include linear-gradient(#FB323C, #990007);
border-radius: 50%;
bottom: 7px;
content: '';
left: 7px;
position: absolute;
right: 7px;
top: 7px;
}// .circle-red:after
}// .circle-red
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment