Delayed fade-in effects with css

I hadn’t gotten a chance to work too much with css animation but decided to give it a try on some work today. With a quick stop over at css-tricks to brush up on things and another google on fade-ins I have a new snippet in my inventory. Demo on the gist is a simple ROYGBIV for a pretty demo.

Updated with a live Codepen Demo: http://codepen.io/DevinVinson/pen/EVGBYx

[codepen_embed height=”597″ theme_id=”0″ slug_hash=”EVGBYx” default_tab=”result” user=”DevinVinson” preview=”true”]See the Pen <a href=’http://codepen.io/DevinVinson/pen/EVGBYx/’>Delayed CSS loading</a> by Devin (<a href=’http://codepen.io/DevinVinson’>@DevinVinson</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]