http://msdn.microsoft.com/en-us/library/windows/apps/br212680.aspxのビデオを見る と、2 番目のタイルがすぐに縮小され、数ミリ秒間縮小されたままになることがわかります。その後、正常な状態になります。
幅と高さを 2px 減らして、この動作を模倣しようとし:active
ましbackground-size: cover
た。しかし、このアプローチでは、通常の状態に戻す際に遅延を発生させることはできません。
これは CSS3 アニメーションで可能になるはずですが、アプローチを計画することはできません。ここからの方向性を教えてくれる人はいますか?
編集:これは私が試したもののjsfiddleです: http://jsfiddle.net/p3Wbh/
** 編集: **: jsfiddle を更新しました: http://jsfiddle.net/p3Wbh/1/を「押された」効果のために jQuery 実装で。css3でこれを行う方法を探しています。