Working on a new site, I was wanting a lined, or striped background.  It’s a simple thing to do with an image, and you can keep the image small so the impact on load time is negligible, but I wondered could you do the same thing with CSS?

In short order I found Checkerboard, striped & other background patterns with CSS3 gradients by Lea Verou.  A fabulous tutorial on just this sort of thing and more.

After playing with the settings a bit I ended up with this pattern:

Pretty cool stuff.

Follow comments on this post with this RSS 2.0 feed.
Leave a comment, or trackback from your own site.

we have 1 comment

straight from the technology of Doug Webster
02.12.2015 at 5:35 pm

Interesting. I learned to make shapes using borders, but this is a new one to me.

You must be logged in to post a comment.

. . :   design & hosting by creed3.com   : . .