Easy-Bake CSS Background Transparency

Whenever I feel the need to use transparency it always seems like I am dealing with tones. Make this a little darker, give this a bit softer tone. Couple this with the fact that I’m always looking for easy and reusable ways of doing things and you have Easy-Bake Background Transparency.

It’s nothing fancy really just a collection of white and black PNG’s that are grouped by their transparency 10% - 90%. Saves fellow designers the 15 minutes it took to create all the images! (background color added for display purposes)

White

10%
90%

Black

10%
90%

PNG’s are 5×5px that should be tiled. Example of use:

.w10 {
background: url("/images/w10.png") repeat;
}

Download » Easy-Bake Transparents Set

Popularity: 20% [?]

Post Meta Love

Start the party. Leave a comment!

Drop some knowledge..


  • html is allowed