CSS3-Rainbow-Dividers

No longer must your rainbow dividers be images slowing down your computer! Make them hardware accelerated!

What if you want to party like it is 1997 but you don't feel like creating your own rainbow dividers of awesome in Photoshop? Simple, just link this style sheet of awesome and you have animated rainbow dividers like the ones surrounding this paragraph!

All you need to do is to add the class catchadream to any element to turn it from "meh" to fabulous. For example:

<hr class="catchadream" style="height:20px;border:none;width:100%"></hr>

Results in:

OMG!!!! And the best thing!!!!!

The best: these awesome rainbow dividers are done with CSS3 animations! Yes! The cool new thing all the amazing designers use! This means they are hardware accelerated!!! This is the best thing ever for performance! It uses all the cool stuff your iPhone can do!

Go forth and make the web amazing!

Authors

Chris Heilmann (@codepo8)
Lea Verou (@leaverou)

Download

You can download this project in either zip or tar formats.

You can also clone the project with Git by running:

$ git clone git://github.com/codepo8/CSS3-Rainbow-Dividers