внутри .frame позиционировать

dabblet.css

/* 
	внутри .frame позиционировать
	блоки на разных слоях 
	(по имени класса понятно каких)
	
	по клику на .frame изменять с 
	анимацией.
	у каждого блока позицию.
	по клику вне .frame 
	возвращать назад
	
	http://clck.ru/d/GiIRzL3l145IH
*/

dabblet.html

<div class="frame" tabindex="1">
	<div class="front"></div>	
	<div class="center"></div>	
	<div class="back"></div>	
</div>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}