Problema con atributo transform en divs dentro de un contenedor scrollable

  • Autor Autor Subaru
  • Fecha de inicio Fecha de inicio
S

Subaru

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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:

Insertar CODE, HTML o PHP: 
.client:hover {
  margin-top: 20px;
}

:encouragement:
 
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:
Insertar CODE, HTML o PHP: 
clientmaster newscroll mCustomScrollbar _mCS_1

El overflow: hidden de:
Insertar CODE, HTML o PHP: 
mCSB_container

Y el overflow: hidden de:
Insertar CODE, HTML o PHP: 
mCustomScrollBox

Parece que funciona, pero al hacer scroll con la barra verde, salen un poco diferentes las cosas.
 
Última edición:
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
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba