zz-james · January 3, 2016 17:39
diff --git a/transform_.idea_.name b/transform_.idea_.name
 h
diff --git a/transform_.idea_encodings.xml b/transform_.idea_encodings.xml
 h
diff --git a/transform_.idea_misc.xml b/transform_.idea_misc.xml
 h
diff --git a/transform_.idea_modules.xml b/transform_.idea_modules.xml
 h
diff --git a/transform_.idea_scopes_scope_settings.xml b/transform_.idea_scopes_scope_settings.xml
 h
diff --git a/transform_.idea_transform.iml b/transform_.idea_transform.iml
 h
diff --git a/transform_.idea_vcs.xml b/transform_.idea_vcs.xml
 h
diff --git a/transform_index.html b/transform_index.html
 <!DOCTYPE html>
 <html>
 <head>
    <title>transform</title>
    <style>

        #t1 {width:100px;  /*line length*/ height:1px;     /*line thickness*/}
        #t2 {width:1px;  /*line thickness*/ height:100px;   /*line length*/  }
    </style>
 </head>
 <body>
    <div id='t1' class='transform'></div>
    <div id='t2' class='transform'></div>
 </body>
 </html>
diff --git a/transform_transform.css b/transform_transform.css
 .transform{

    background:#000;
    transform-origin: 0 0;
    transform: matrix(1,0,  0,1,  100,100);
 }
 /* matrix (a, b, d, e, c, f); */
 /*
    [ x ]  =  ax + by + c    [ a, b, c ] [a, b, d]
    [ y ]  =  dx + ey + f    [ d, e, f ] [e, c, f]
    [ 1 ]                    [ 0, 0, 1 ]
 */
	<!DOCTYPE html>
	<html>
	<head>
	<title>transform</title>
	<style>

	#t1 {width:100px; /line length/ height:1px; /line thickness/}
	#t2 {width:1px; /line thickness/ height:100px; /line length/ }
	</style>
	</head>
	<body>
	<div id='t1' class='transform'></div>
	<div id='t2' class='transform'></div>
	</body>
	</html>