Repeating patterns as borders with CSS3 border-image
CSS HTML Ruby JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
.gitignore
README.md
config.rb
index.html

README.md

Frame Patterns

Repeating patterns as border-image

Main goal of this demo and study is to create border-images that can work as dividers, and can be used “stand alone” on a single box, but don’t have to. That’s why the sides (left, right, top and bottom) sometimes have different positions, because it should be complementary to itself, like puzzle pieces are.

Secondary goal; when making a collection of border-images that are small in file-size and are made out of geometrical shapes, those shapes could possibly be easier to be iterated upon and reused.