Rotate image with onclick

后端 未结 6 1522
遥遥无期
遥遥无期 2020-12-10 23:47

I try to make a toggle button where my image (an arrow) will be rotated by 180 degrees each click:



        
6条回答
  •  甜味超标
    2020-12-11 00:17

    This will enable you to perform an additional rotation of each clik

    var degrees = 0;
      $('.img').click(function rotateMe(e) {
    
        degrees += 90;
    
        //$('.img').addClass('rotated'); // for one time rotation
    
        $('.img').css({
    
          'transform': 'rotate(' + degrees + 'deg)',
          '-ms-transform': 'rotate(' + degrees + 'deg)',
          '-moz-transform': 'rotate(' + degrees + 'deg)',
          '-webkit-transform': 'rotate(' + degrees + 'deg)',
          '-o-transform': 'rotate(' + degrees + 'deg)'
        });
    

    https://jsfiddle.net/Lnckq5om/1/

提交回复
热议问题