Crazy CSS Trick

Try this at a party.

I was looking for fun CSS tricks for my DGM 2740 class and happened across this one where essentially you just overlay your header with a semi-transparent .png.

But hey: forget gradients. Who doesn’t NEED some awesome half-toned out text, reminiscent of comic books or old 7-up cans? Let’s see how it looks. Starting with this halftone dot pattern I generated in photoshop:

Now I need a crazy header.

How’s this?

Put it all together, and what do you get?

Whoah Baby!

Would I use this every day? Probably not, but the possibilities are way out there, and it was fun giving it a try! 😀