我有一个小问题我想解决,但找不到任何好的答案:
当我在div(包含其他div)上使用刻度时,它会在我的div的"原始"宽度和高度周围留下白色空间:
如何在缩放时删除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>
Run Code Online (Sandbox Code Playgroud)
CSS (你真的不需要知道包是怎么做的,它是很多css3什么都没有,基本上只是倾斜,旋转,缩放以从平面模板进行3D渲染)
.quarter.scale-thumb
{
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
-o-transform: scale(0.2);
transform: scale(0.2);
}
Run Code Online (Sandbox Code Playgroud)
PS:第一张照片是我不添加scale-thumb类的时候