CSS3 Vertical Rotation

dabblet.css

/**
 * CSS3 Vertical Rotation
 */
html {min-height: 100%;}
body {
	background-image: linear-gradient(bottom, rgb(48,48,48) 30%, rgb(5,5,5) 47%);
}
@-webkit-keyframes girando {
	from,20%	{transform: rotateX(0deg);}
	30%,40%		{transform: rotateX(90deg);}
	50%,60%		{transform: rotateX(180deg);}
	70%,80%		{transform: rotateX(270deg);}
	90%,to		{transform: rotateX(360deg);}	
}

img {
	animation-name: girando;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 3s;
	transform-style: preserve-3d;
	margin-left: 100px;

}
/*
#diegol {
	transform: rotate(90deg);
	margin-top: 190px;
}*/

dabblet.html

<div id="diegol">
	<img src="http://www.be-studios.com/tests/foto_diegol.jpg">
</div>

settings.json

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