Background "texte" animé

<style type="text/css">
#wrapper {
	width: 900px;
	height: 600px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}
#inner {
	width: 683px;
	height: 384px;
	-moz-transform-origin: 50% 50%;
	-moz-transform: scale(1);
	-moz-transition: all 500ms linear 0s;
	-webkit-transform-origin: 50% 50%;
	-webkit-transform: scale(1);
	-webkit-transition: all 2000ms linear 0s;
}
#content {
	position: absolute;
	z-index: 2;
}
</style>

<script>
window.onload = function() {
	var inner = document.getElementById('inner');
	inner.style.MozTransform = inner.style.WebkitTransform = "scale(2.5)";
};
</script>

<div id="wrapper">
<img src="img/fond-home.jpg" id="inner" />
</div>
<div id="content">Ceci est un test</div>