Javascript 使用css3实现Windows 8平铺“单击”动画

如果您看到这里的视频： ，您会注意到第二个磁贴立即缩小，保持缩小几毫秒，然后恢复正常状态

我试图通过在：active和给定背景尺寸：cover上将宽度和高度减少2倍来模拟这种行为。但我无法用这种方法延迟恢复正常

这在CSS3动画中应该是可能的，但我无法制定出一种方法。 谁能告诉我从这里走的方向吗

编辑：以下是我尝试过的一部分：

---

**编辑：*：使用jQuery实现更新了jsfiddle:。正在寻找在css3中实现这一点的方法。

既然您正在寻找javascript/winJS，我可以解释一下。。。但是css3属性我不知道

通过手势链接请求自我

这里使用 1->MSPointerDown 2->MSPointerUp 3->MSPointerOver 4->MSPointerOut

通过在以下事件中设置css属性来设置平铺动画：我希望这对你有用

就像在“指针向下”中添加为按下的外观编写的css，在“指针向上”或“移动”中为未按下的外观添加动画+css

---

希望建议能有所帮助：

请发布您尝试过的代码。@Rorymcrossan用js fiddle链接更新了文章，请添加更多描述。。。。比如内容是什么。。并不总是需要设置div的动画。。。。如果列表视图可用。。因此，请写下更多的描述。视频中的行为不仅仅是因为按下按钮吗？@RoryMcCrossan视频显示了触摸和点击反馈的交互。不管按钮是否被按下，我需要一个点击动画。这应该是可能的css3动画有一个延迟属性，但我不能使它工作