복붙노트

[JQUERY] JQuery와 및 CSS를 사용하여 버튼을 클릭 한 후 회전 DIV 텍스트

JQUERY

JQuery와 및 CSS를 사용하여 버튼을 클릭 한 후 회전 DIV 텍스트

해결법


  1. 1.이 시도:

    이 시도:

    데모 : http://jsfiddle.net/ehec1gun/

    var rotation = 0;
    
    jQuery.fn.rotate = function(degrees) {
        $(this).css({'-webkit-transform' : 'rotate('+ degrees +'deg)',
                     '-moz-transform' : 'rotate('+ degrees +'deg)',
                     '-ms-transform' : 'rotate('+ degrees +'deg)',
                     'transform' : 'rotate('+ degrees +'deg)'});
    };
    
    $('#btnRotateRight').click(function() {
        rotation += 5;
        $('.rotate').rotate(rotation);
    });
    
    $('#btnRotateLeft').click(function() {
        rotation -= 5;
        $('.rotate').rotate(rotation);
    });
    
  2. from https://stackoverflow.com/questions/37452477/rotate-div-text-after-clicking-on-button-using-jquery-and-css by cc-by-sa and MIT license