[SOLUCIONADO] Bug con overflow y hover en chrome

[JessHilario]

Hola! tengo un pequeño problema con chrome y el overflow. Tengo lo siguiente:

Código:

.portafolio article{

	width: 300px;

	height: 300px;

	overflow: hidden;

	border: 10px solid #D1D5D8;

	text-align: center;

	margin: 0 0 60px 60px;

	padding: 9px;

	position: relative;

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	transition: all 300ms linear;

}

Esto debería darme como resultado esto:



Lo cual hace bien en firefox pero en chrome me da esto:



El sitio web donde lo pueden ver es este [URL="http://www.jesshilario.net"]jesshilario.net[/URL]

Alguna idea? :(

[AngelKrak]

el problema lo tienes aqui .portafolio article:hover .bw-wrap, cámbialo por .portafolio article:hover

Asi seria:

Código CSS:

.portafolio article:hover{
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
 

[JessHilario]

Hola! gracias por responder :D
En si ese no era el problema. Ya lo he solucionando poniendo

Código:

-webkit-transform:scale(1);

en

Código:

.portafolio article{

:D gracias de todas formas :3