Не забудьте добавить все префиксы браузера. Я хотел бы создать объект для обработки преобразования, как так:
var transformFn = {
rotate: function(object, degree) {
$(object).css({
'-webkit-transform': 'rotate(' + degree + 'deg)',
'-moz-transform': 'rotate(' + degree + 'deg)',
'-o-transform': 'rotate(' + degree + 'deg)',
'transform': 'rotate(' + degree + 'deg)',
'zoom': 1
});
}
};
называть это:
transformFn.rotate($('.class'), 220);
Вызов этой функции будет вращать объект 220 градусов, но называть его снова не будет вращаться он дополнительно 220 градусов. Если вы хотите сохранить состояние (повернуть объект с его текущего вращения, а не 0), вы могли бы изменить поворота функцию:
rotate: function(object, degree) {
if ($(object).attr('data-rotation')) {
degree = parseInt($(object).attr('data-rotation')) + degree;
}
$(object).css({
'-webkit-transform': 'rotate(' + degree + 'deg)',
'-moz-transform': 'rotate(' + degree + 'deg)',
'-o-transform': 'rotate(' + degree + 'deg)',
'transform': 'rotate(' + degree + 'deg)',
'zoom': 1
});
$(object).attr('data-rotation', degree);
}
Попробуйте $ (»класс.„) CSS (“-. webkit-transform: rotate ('+ anVar +' deg) ') –
$ ('. class '). css (' - webkit-transform ',' rotate ('+ anVar +' deg) ') – lshettyl
Спасибо! это сработало! –