div.stackcontainer{
	max-width:100%;
	overflow: hidden;
}

div.stackcontainer > div.inner{
	overflow: hidden; /* keep this property */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div.stackcontainer > div.inner > div{ 
	padding: 8px;
}

div.stackcontainer > div.hinge{
	box-shadow: 0 0 10px gray;
}

@-moz-keyframes hingetopleft {
	0% { -moz-transform: rotate(0);}
	20% { -moz-transform: rotate(100deg);}
	40% { -moz-transform: rotate(65deg);}
	60% { -moz-transform: rotate(90deg);}
	80% { -moz-transform: rotate(80deg) translateY(0);}
	95% { -moz-transform: rotate (90deg) translate(120%, 0); opacity: 1;}	
	100% { -moz-transform: rotate(91deg) translate(150%, 0); opacity: 0; }
}

@-webkit-keyframes hingetopleft {
	0% { -webkit-transform: rotate(0);}
	20% { -webkit-transform: rotate(100deg);}
	40% { -webkit-transform: rotate(65deg);}
	60% { -webkit-transform: rotate(90deg);}
	80% { -webkit-transform: rotate(80deg) translateY(0);}
	95% { -webkit-transform: rotate (90deg) translate(120%, 0); opacity: 1;}	
	100% { -webkit-transform: rotate(91deg) translate(150%, 0); opacity: 0; }
}

@keyframes hingetopleft {
	0% { transform: rotate(0);}
	20% { transform: rotate(100deg);}
	40% { transform: rotate(65deg);}
	60% { transform: rotate(90deg);}
	80% { transform: rotate(80deg) translateY(0);}
	95% { transform: rotate (90deg) translate(120%, 0); opacity: 1;}	
	100% { transform: rotate(91deg) translate(150%, 0); opacity: 0; }
}

@-moz-keyframes hingetopright {
	0% { -moz-transform: rotate(0);}
	20% { -moz-transform: rotate(-100deg);}
	40% { -moz-transform: rotate(-65deg);}
	60% { -moz-transform: rotate(-90deg);}
	80% { -moz-transform: rotate(-80deg) translateY(0);}
	95% { -moz-transform: rotate (-90deg) translate(-120%, 0); opacity: 1;}	
	100% { -moz-transform: rotate(-91deg) translate(-150%, 0); opacity: 0; }
}

@-webkit-keyframes hingetopright {
	0% { -webkit-transform: rotate(0);}
	20% { -webkit-transform: rotate(-100deg);}
	40% { -webkit-transform: rotate(-65deg);}
	60% { -webkit-transform: rotate(-90deg);}
	80% { -webkit-transform: rotate(-80deg) translateY(0);}
	95% { -webkit-transform: rotate (-90deg) translate(-120%, 0); opacity: 1;}	
	100% { -webkit-transform: rotate(-91deg) translate(-150%, 0); opacity: 0; }
}

@keyframes hingetopright {
	0% { transform: rotate(0);}
	20% { transform: rotate(-100deg);}
	40% { transform: rotate(-65deg);}
	60% { transform: rotate(-90deg);}
	80% { transform: rotate(-80deg) translateY(0);}
	95% { transform: rotate (-90deg) translate(-120%, 0); opacity: 1;}	
	100% { transform: rotate(-91deg) translate(-150%, 0); opacity: 0; }
}