1

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でこれを行う方法を探しています。

4

1 に答える 1