激活时，css3会设置动画锚点

问题描述

我有一组缩略图，当我单击它们时它们会缩小（活动）。我以为将它们的大小减小一点（.2ems）并增加它们周围的余量（到处都是.1em）是可以做到的，但是不知何故，我仍然从他们的姐妹那里得到了很多动力。 这是一个演示的jsfiddle http://jsfiddle.net/danielredwood/EWCAJ/1/ 我希望避免使用基于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);
}