html - CSS キーフレーム アニメーションが画像をアニメーション化しない

Question

クリックすると画像が画面全体に表示されるようにする CSS スニペットがありますが、何らかの理由で機能しません。と を使用targetし@keyframesます。このフィドルで問題を分離しました：

http://jsfiddle.net/j2AKp/

注: 2 秒の遅延は意図的なものです。

奇妙な点は、画像は大きくなりますが、トランジションがないことです。それをクリックすると、遅延が機能し、画像が 4 秒間ではなく瞬時に大きくなります。