Tuesday, June 23rd, 2009 | Tips, Web Dev, downloads

{0}

Fun PNG Striped Pattern.

So PNG 24 supports complete alpha transparency, so with that in mind I was messing around with some stuff and made a pattern. This won’t work in IE6, without a fix, but here it is. I’ll also post some pictures of how versatile it is.

If you want to use this pattern over the body of your site…you can use the following code:

body {
background: #00BAFF url(/pathto/striped-pattern.png);
}

Obviously, you might want to use a different hex color. That’s the blue I use for my links.

Here’s the link to the pattern: Striped-pattern.png

Below are some snapshots of what it looks like over red, green and blue.

Transparent PNG over red

Transparent PNG over green

Transparent PNG over blue

Enjoy…if you want.

  • del.icio.us
  • Facebook
  • StumbleUpon
  • Twitter

No Comments yet

Leave a Comment