jQuery旋转div onclick +/- 90

Question

我想知道是否有一种简单的方法可以在点击它后旋转div +90度并在下次返回到0度时单击它(这样div可以旋转-90度).因为我找不到任何东西,所以我一直在寻找你的帮助.谢谢.

Answer 1

您可以使用toggleClass并将css转换应用于该类:

$('#rotate').click(function(){
    $(this).toggleClass('rotated');
});

小提琴

.rotated { 
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}