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 градусов.