Animation css3激活时设置锚点动画

我有一套缩略图，我想缩小时，点击（活动）。我原以为把它们的尺寸缩小一点（.2米）并增加它们周围的边距（.1米）就行了，但不知怎么的，我还是从它们的姐妹那里得到了一些动作

这里有一个jsfiddle来演示

我希望避免使用基于webkit的动画：）

谢谢

那么，元素占用的空间将完全不受影响：

.thumbnail {
    background:#ccc;
    width:18.75em;
    height:11.25em;
    margin:1.25em 0 0 1.25em;
    float:left;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.thumbnail:active {
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    -o-transform: scale(0.95);
    transform: scale(0.98);
}

---

我喜欢这个按钮式效果+1