Animacja CSS (zoom)

Alcadur

Użytkownik
Dołączył
Listopad 10, 2007
Posty
107
Cześć,
Jak zrobić żeby to działało:
Kod:
.side-photos img {
    height: 50px;
    margin: 5px;


    -webkit-transition: zoom .5s;
    -webkit-transition: zoom .5s;
    -webkit-transition: zoom .5s;
    -webkit-transition:zoom .5s;
     transition: zoom .5s;
}




.side-photos img:hover {
    zoom: 1.5
}

Nie chodzi mi o takie rozwiązanie:
Kod:
.side-photos img {
    height: 50px;
    margin: 5px;


    -webkit-transition: -webkit-transform .5s;
    -webkit-transition: -webkit-transform .5s;
    -webkit-transition: -webkit-transform .5s;
    -webkit-transition: -webkit-transform .5s;
     transition: transform .5s;
}




.side-photos img:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

Zastanawia mnie raczej czemu coś takiego:
Kod:
.side-photos img {
    height: 50px;
    margin: 5px;


    -webkit-transition: all .5s;
    -webkit-transition: all .5s;
    -webkit-transition: all .5s;
    -webkit-transition: all .5s;
     transition: all .5s;
}




.side-photos img:hover {
    zoom: 1.5;
}

działa??
 
Do góry Bottom