Loading animation

like the one seen on http://www.freeger.com/projects/contextad/ with CSS https://gist.github.com/LeaVerou/6046779

HTML

<h1 data-content="haiiiiiiiiiiii">haiiiiiiiiiii</h1>

CSS

body { min-height: 100%; background: tomato }
h1 {
    position: absolute;
    left: 50%;
    margin-left: -1.9em;
    color: red;
    font: 800 900% Baskerville, 'Palatino Linotype', Palatino, serif;
}
h1:before {
    position: absolute;
    overflow: hidden;
    content: attr(data-content);
    color: white;
    max-width: 4em;
    -webkit-animation: loading 5s linear;
}
@-webkit-keyframes loading {
    0% {
        max-width : 0
    }
}