Tema: Transformacion Cortada.-

Buenas tardes a todos!

Mi duda es sencilla. Tengo una serie de divs dentro de un div enorme scroleable. Cada uno de estos divs tiene un atributo transform, para escalarse en estado :hover. El problema es que al escalarse el los recuadros escalados se recordan contra el margen del div maestro. A continuacion les paso el sitio:

Sagha Design | Estudio de Diseño Gráfico e Ilustración

Alguien sabe como remediarlo ?

Agregale esto al CSS:

Código:

.client:hover {
  margin-top: 20px;
}

Gracias por la idea! NNo es una mala respuesta, sin embargo es mas un amague que una solucion. Despues de todo, los cuadros tambien se recortan contra los margenes derecho, izquierdo e inferior, ademas de que la transicion pasa a ser un efecto distinto. Lo que busco es la manera en que los margenes no me limiten el efecto, y que el efecto pueda escaparse del margen sin quedar cortado.

El problema es que interfiere con el overflow.

Si quitas overflow: auto, del div que tiene como clase:

Código:

clientmaster newscroll mCustomScrollbar _mCS_1

El overflow: hidden de:

Código:

mCSB_container

Y el overflow: hidden de:

Código:

mCustomScrollBox

Parece que funciona, pero al hacer scroll con la barra verde, salen un poco diferentes las cosas.

Tiene que haber una manera de hacer que el transform se lleve bien con el overflow. Caso contrario voy a tener que probar otro scroll.

Al menos mi antigua solución, era el margin. xD