Skip to content

Instantly share code, notes, and snippets.

@pepelsbey
Created February 1, 2012 11:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pepelsbey/1716613 to your computer and use it in GitHub Desktop.
Save pepelsbey/1716613 to your computer and use it in GitHub Desktop.
Scaling
BODY {
background:#777;
}
DIV, IMG {
float:left;
margin:20px;
}
DIV {
width:200px;
height:400px;
background:url(data:image/gif;base64,R0lGODdhAQACAIABAAAAAP///ywAAAAAAQACAAACAkQKADs=);
background-size:100% 100%;
}
.width {
width:200px;
}
.scale {
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(200);
-moz-transform:scale(200);
-ms-transform:scale(200);
-o-transform:scale(200);
transform:scale(200);
}
<div></div>
<img src="data:image/gif;base64,R0lGODdhAQACAIABAAAAAP///ywAAAAAAQACAAACAkQKADs=" alt="" class="width">
<img src="data:image/gif;base64,R0lGODdhAQACAIABAAAAAP///ywAAAAAAQACAAACAkQKADs=" alt="" class="scale">
{"view":"split","prefixfree":"","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment