javascript - Implement Windows 8 Tile "Click" animation with css3 -

if see video on here: http://msdn.microsoft.com/en-us/library/windows/apps/br212680.aspx, notice 2nd tile scales down immediately, stays scaled-down few milliseconds comes normal state.

i tried mimic behaviour reducing width , height 2px on :active , gave background-size: cover. not able create delay in scaling normal approach.

this should possible css3 animations not able map out approach. can give me direction go here?

edit: here's jsfiddle of have tried: http://jsfiddle.net/p3wbh/

** edit: **: updated jsfiddle: http://jsfiddle.net/p3wbh/1/ jquery implementation "held down" effect. looking way in css3.

since looking javascript / winjs can explain ... css3 property don't know ..

pleas ego through gestures link gestures

here use 1 -> mspointerdown 2 -> mspointerup 3 -> mspointerover 4 -> mspointerout

animate tile setting css properties in these events .. :) hope works .....

like in pointer down add css wrote pressed , in pointer or move add animation + css unpressed ...

hope suggestion helps :)