quiero agregar una escala a un articulo de mi web , y resulta k no me funciona en chrome ni en firefox este es el codigo
lo que quiero es que el articulo crezca un 10 % en la transición y no funciona ayuda por favor (:
Código CSS:
Ver originalarticle{
width:75%;
margin:10px;
height:100%;
display:table;
border: 1px solid white;
-webkit-border: 1px solid white;
-moz-border: 1px solid white;
-o-border: 1px solid white;
box-shadow: 3px 3px 10px black;
-webkit-box-shadow: 3px 3px 10px black;
-moz-box-shadow: 3px 3px 10px black;
border-radius: 0px 25px 0px 25px;
-webkit-border-radius: 0px 25px 0px 25px;
-moz-border-radius: 0px 25px 0px 25px;
-o-border-radius: 0px 25px 0px 25px;
padding: 10px 10px 10px 150px;
opacity:0.5;
transition: opacity 1s, box-shadow 1s, transform 1s;
-webkit-transition: opacity 1s, -webkit-box-shadow 1s, -webkit-transform: 1s;
transform:scale(1,1);
-webkit-transform:scale(1,1);
}
article:hover{
opacity:1;
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
}