Hola tengo un problema con unas lineas de codigo de css...

[jonatan_12_4]

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:

article{
    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);
    }