css3比例周围的空白

我想解决一个小问题，但找不到任何好的答案:

当我在div(它包含其他div)上使用比例时，它会从div的"原始"宽度和高度开始在周围留下空白:

如何在zoom 时删除div周围的空间？

如果需要，我可以使用js！

编辑:以下是一些代码:

HTML个

<div class="pull-right nextpack">

                    <div class="quarter scale-thumb">

                        <div class="up">
                            <div class="inner" style="background-image: url({{URL::base().'/galery/th293x711/'.$nextpack->src}})"></div>
                        </div>

                        <div class="face">
                            <div class="top" style="background-image: url({{URL::base().'/galery/th293x711/'.$nextpack->src}})"></div>
                            <div class="bot" style="background-image: url({{URL::base().'/galery/th293x711/'.$nextpack->src}})"></div>
                        </div>

                        <div class="cote-droit">
                            <div class="inner">
                                <div class="cote-droit-top" style="background-image: url({{URL::base().'/galery/th293x711/'.$nextpack->src}})"></div>
                                <div class="cote-droit-bot" style="background-image: url({{URL::base().'/galery/th293x711/'.$nextpack->src}})"></div>
                            </div>
                        </div>

                    </div>


                </div>

CSS个 (你真的不需要知道这个包是怎么做的，它有很多CSS3是免费的，基本上只需要倾斜、旋转、zoom 就可以从平面模板进行3D渲染)

.quarter.scale-thumb
{
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
-o-transform: scale(0.2);
transform: scale(0.2);
}

PS:第一张照片是我没有添加Scale-Thumb类的时候