CSS关键帧动画不会为图像设置动画

Question

我有一个CSS片段，当图片被点击时会使图像填满屏幕，但由于某种原因，它不起作用。它使用target和@keyframes。我在这个小提琴中解决了这个问题：

http://jsfiddle.net/j2AKp/

注意：2秒延迟是故意的。

奇怪的是，图像确实变大了，但没有过渡。我点击它，延迟工作，然后图像立即变大，而不是超过4秒。