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

Question

我有一个 CSS 片段，它可以在单击图像时使图像填满屏幕，但由于某种原因它不起作用。它使用target和@keyframes。我在这个 Fiddle 中隔离了问题：

http://jsfiddle.net/j2AKp/

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

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