div#debug {
	width: 32px;
	height: 32px;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	overflow: hidden;
	font-size:10px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}

#debug_image.rotate0 {
    transform: rotate(0deg) translateY(-0%);
    -webkit-transform: rotate(0deg) translateY(0%);
    -ms-transform: rotate(0deg) translateY(0%);
}
#debug_image.rotate90 {
    transform: rotate(90deg) translateY(-100%);
    -webkit-transform: rotate(90deg) translateY(-100%);
    -ms-transform: rotate(90deg) translateY(-100%);
}
#debug_image.rotate180 {
    transform: rotate(180deg) translate(-00%,-00%);
    -webkit-transform: rotate(180deg) translate(-00%,-00%);
    -ms-transform: rotate(180deg) translateX(-00%,-00%);
}
#debug_image.rotate270 {
    transform: rotate(270deg) translateX(-100%);
    -webkit-transform: rotate(270deg) translateX(-100%);
    -ms-transform: rotate(270deg) translateX(-100%);
}