Problema com atributo transform em divs dentro de um container scrollable

Subaru · 21/03/2013

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 ?

shadowhck · 21/03/2013

Agregale esto al CSS:

Inserir CODE, HTML ou PHP:

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

:encouragement:

Subaru · 21/03/2013

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.

shadowhck · 21/03/2013

El problema es que interfiere con el overflow.

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

Inserir CODE, HTML ou PHP:

clientmaster newscroll mCustomScrollbar _mCS_1

El overflow: hidden de:

Inserir CODE, HTML ou PHP:

mCSB_container

Y el overflow: hidden de:

Inserir CODE, HTML ou PHP:

mCustomScrollBox

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

Subaru · 21/03/2013

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.

shadowhck · 21/03/2013

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

Problema com atributo transform em divs dentro de um container scrollable

Subaru

shadowhck

Subaru

shadowhck

Subaru

shadowhck