<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
div{
width: 100px;
height: 100px;
display: inline-block;
}
</style>
</head>
<body>
<script>
for (var i=0; i<7; i++) {
var object = document.createElement( 'div' );
object.style.background = '#' + Math.floor( Math.random() * 16777215 ).toString( 16 ) ;
object.scale = {};
object.scale.x = Math.random() * 2 + 1;
object.style.transform = 'scaleX('+object.scale.x+')';
object.style.WebkitTransform = 'scaleX('+object.scale.x+')';
document.body.appendChild( object );
}
</script>
</body>
</html>