При transform:scale за границами блока не видно

[Bava]

При наведении на картинку она увеличивается в размерах немного при помощи transform: scale

Но блок <div class="site"> не дает ей выйти за свои пределы потому что я для него установил overflow: hidden, чтоб этот блок не разваливался на части, из-за того что внутри float стоит с двумя блоками

 

Как можно сделать так чтоб вверху картинка не обрезалась при наведении?

 

Здесь сайт

 

Edited January 31, 2016 by Bava

[Igor Schnaider]

Как можно сделать так чтоб вверху картинка не обрезалась при наведении?

 

Не очищать с помощью overflow.

[Bava]

 

Как можно сделать так чтоб вверху картинка не обрезалась при наведении?

 

Не очищать с помощью overflow.

 

 

Но тогда внутри блока div.site все распадается

[Igor Schnaider]

Замените это

 

    .site {

        /* ... */

        overflow: hidden;
    }

 

на это

 

    .site:after {

        content: '';

        display: table;

        clear: both;
    }

[Bava]

Замените это

 

    .site {

        /* ... */

        overflow: hidden;

    }

 

на это

 

    .site:after {

        content: '';

        display: table;

        clear: both;

    }

 

Это просто ЧУДО, как так получилось?

[abrahadabra]

не чудо, а обыкновенная магия

[Bava]

не чудо, а обыкновенная магия

 

[etcos]

@abrahadabra, а можно мне тоже подсказать, проблема похоже та же https://codepen.io/etcos/pen/WNvEjqm , но из-за не доступности сайта, который тут в качестве примера, я не могу понять что делать