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:

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