#crop-grid > div.off {
	display: none;
}

/* for swapping tiles using "rotation" effect */

#crop-grid.spinny > div {
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	
	-webkit-transform: scaleX(1.0);
	transform: scaleX(1.0);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

#crop-grid.spinny > div.hiding {
	-webkit-transform: scaleX(0.0);
	transform: scaleX(0.0);
}

#crop-grid.spinny > div.off, #crop-grid.spinny > div.showing {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;

	-webkit-transform: scaleX(0.0);
	transform: scaleX(0.0);

	position: absolute;
	display: inline-block;
}

#crop-grid.spinny > div.showing {
	-webkit-transform: scaleX(1.0);
	transform: scaleX(1.0);
}