У меня есть небольшая проблема, которую я хочу исправить, но не могу найти хороший ответ:
Когда я использую шкалу на div (которая содержит другие div), она оставляет пустое пространство вокруг, из "оригинальной" ширины и высоты моего div:
Как я могу удалить пространство withe вокруг div при масштабировании?
Я могу при необходимости использовать js!
EDIT: Вот какой код:
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 для ничего, в основном просто перекос, поворот, масштабирование, чтобы сделать 3D-рендеринг из плоского шаблона)
.quarter.scale-thumb
{
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
-o-transform: scale(0.2);
transform: scale(0.2);
}
PS: Первый pic - это когда я не добавляю класс scale-thumb