Skip to content

Instantly share code, notes, and snippets.

@kevinbatdorf-snippits

kevinbatdorf-snippits/border.css

Forked from nrrrdcore/border.css
Created November 3, 2012 06:45
Download ZIP

Revisions

  1. kevinbatdorf-snippits revised this gist Nov 3, 2012. No changes.
  2. @nrrrdcore nrrrdcore created this gist May 2, 2012.
    16 changes: 16 additions & 0 deletions border.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,16 @@
    .border-container {
    width: 28%; /* border will be on the left on this container */
    float: right;
    overflow: hidden; /* only needed if floating container */
    min-height: 600px; /* static height if you want your container to be taller than its content */
    -moz-box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF;
    -webkit-box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF;
    box-shadow: inset 15px 0 5px -16px rgba(0,0,0,.1), -1px 0 0 #FFF;
    border-width: 0 0 0 1px;
    -webkit-border-image:
    -webkit-gradient(linear, 0 100%, 0 0, from(rgba(0,0,0,.09)), to(rgba(0,0,0,0))) 1 100%;
    -webkit-border-image:
    -webkit-linear-gradient(top, rgba(0,0,0,.09), rgba(0,0,0,0)) 1 100%;
    -moz-border-image:
    -moz-linear-gradient(top, rgba(0,0,0,.09), rgba(0,0,0,0)) 1 100%;
    }