Loading animation like the one seen on http://www.freeger.com/projects/contextad/ with CSS https://gist.github.com/LeaVerou/6046779 http://jsfiddle.net/agriboz/ZCJdA/

loading-animation.css

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

loading-animation.html

<h1 data-content="Contad">Contad</h1>