Skip to content

Instantly share code, notes, and snippets.

@belguzmani
Last active December 26, 2015 06:49
Show Gist options
  • Save belguzmani/7110292 to your computer and use it in GitHub Desktop.
Save belguzmani/7110292 to your computer and use it in GitHub Desktop.
Vertical border with gradient
.bot-left {
position: relative;
}
.bot-left:before, .bot-left:after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
}
.bot-left:before {
top: 0px;
width: 1px;
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#ccc), to(transparent));
background-image: -webkit-linear-gradient(#ccc, transparent);
background-image: -moz-linear-gradient(#ccc, transparent);
background-image: -o-linear-gradient(#ccc, transparent);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment