CSS3: Как вращать и масштабировать IMG одновременно?

Я очень смущен. Почему можноя использую масштаб и вращаюсь одновременно? Я'мы пробовали это, но это не работает:

.rotate-img{
    -webkit-transform:scale(2,2);
    -webkit-transform:rotate(90deg);
    margin-left:20%;
    margin-top:10%;
}

Я пробовал jQuery, но не работает ни:


.zoom{
        -webkit-transform:scale(2,2);
        margin-left:20%;
        margin-top:10%;
    }



    $(document).ready(function(){
        $("img").dblclick(function(){

            $(this).addClass("zoom");

            $(this).contextmenu(function(){
                $(this).css("-webkit-transform","rotate(90deg)");
                return false;
            })
        });
    })

    

Как я могу масштабировать IMG и когда я щелкаю правой кнопкой мыши, а затем повернуть на 90 градусов.

Ответы на вопрос(2)

Ваш ответ на вопрос