在CSS对象之间滑动/拖动

Question

我正在开发一个快速响应的网站，我有一个带有“卡片”的滑块。 如果我只想在这三种状态之间制作动画，这是一项很容易的工作，但我不能用我的方法来解决如何用鼠标/手指x position拖动/滑动和计算卡片的位置

我打算使用Hammer JS，并记住他们的初始演示，这是他们控制的这种类型的滑块，但他们取代了旧网站。

如何基于三种状态计算三张牌的位置，并由鼠标x.position控制？我无法想办法做到这一点...

我用纯CSS做了一个JS小提琴，有三种状态：http://jsfiddle.net/2sqe8dve/

谢谢......： - ）