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:

Dots

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! 😀

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s