<?php
$numberOfFrames = 15;
$scaleAmount = 10;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>CSS Scale</title>
<style type="text/css">
<?php
for($i=0;$i<$numberOfFrames;$i++) {
	$frame = $i+1;
	if($i +1 == $numberOfFrames) {
		echo '.container'.$frame.' div';	
	} else {
		echo '.container'.$frame.' div,';	
	}
}
echo '{';
?>
	position:absolute;
	left:-200px;	
	top:0px;
	font-size:10px;
}
<?php
for($i=0;$i<$numberOfFrames;$i++) {
$frame = $i+1;
?>
.container<?php echo $frame?> :target {
	position:absolute;
	left:10px;	
	font-size:<?php echo $frame*$scaleAmount?>px;
}
<?php
}
?>
</style>
<?php
for($i=0;$i<$numberOfFrames;$i++) {
	$frame = $i+1;
	echo '<meta http-equiv="Refresh" content="'.$frame.';URL=#frame'.$frame.'">';
}
?>
</head>

<body>
<?php
for($i=0;$i<$numberOfFrames;$i++) {
	$frame = $i+1;
?>
<div class="container<?php echo $frame?>">
	<p><a href="#frame<?php echo $frame?>"></a></p>
	<div id="frame<?php echo $frame?>">Scale me!</div>
</div>
<?php
}
?>
</body>
</html>
