« Back to Index

CSS alignment test

View original Gist on GitHub

dabblet.css

.logo {
	 display: block;
	  margin: -73px 0 0 -64px;
	    left: 50%;
	position: absolute;
		 top: 50%;
				
	/*  CSS3 Transforms */
				
	-webkit-transform: scale(2) rotate(90deg);
	   -moz-transform: scale(2) rotate(90deg);
		-ms-transform: scale(2) rotate(90deg);
		 -o-transform: scale(2) rotate(90deg);
			transform: scale(2) rotate(90deg);
}

dabblet.html

<img class="logo" src="https://developer.mozilla.org/media/img/mdn-logo.png">

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"1","prefixfree":"","page":"css"}